ECMAScript, javascript basic

ECMAScript, javascript basic, js basic

https://juejin.cn/post/7103511045062590500

JavaScript 是一种轻量级脚本语言, 它本身不提供 I/O 相关的 API, I/O 操作需要宿主环境提供,

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>

<head>
    <script src="foo.js"></script>
    <script type="text/javascript">
        console.log('javascript0')
        var myVar = "hello";
        function showAlert() { alert('You triggered an alert!'); }
    </script>
</head>

<body>
    body0
    <button>
</body>

</html>

模板字面量, 多行字符串

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
let learnCoding = `How to start learning web development?
- Learn HTML
- Learn CSS
- Learn JavaScript
Use freeCodeCamp to learn all the above and much, much more !
`

console.log(learnCoding);


// 输出

// How to start learning web development?
// - Learn HTML
// - Learn CSS
// - Learn JavaScript
// Use freeCodeCamp to learn all the above and much, much more !

数组

JavaScript 数组是可调整大小的，并且可以包含不同的数据类型。

1
2
3
const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

https://es6.ruanyifeng.com/

ES6之Object.assign()

https://blog.fundebug.com/2017/09/11/object-assign/

ES6提供了Object.assign()，用于合并/复制对象的属性。

箭头函数

ES6标准新增了一种新的函数: Arrow Function (箭头函数) 。

为什么叫Arrow Function？因为它的定义用的就是一个箭头:

x => x * x 上面的箭头函数相当于:

function (x) { return x * x; } 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return:

x => { if (x > 0) { return x x; } else { return - x x; } } 如果参数不是一个，就需要用括号()括起来:

// 两个参数: (x, y) => x x + y y

// 无参数: () => 3.14

// 可变参数: (x, y, …rest) => { var i, sum = x + y; for (i=0; i<rest.length; i++) { sum += rest[i]; } return sum; }

https://www.liaoxuefeng.com/wiki/1022910821149312/1031549578462080

Js中的history.back()在FireFox和Chrome

JavaScript中后退的写法: history.back()或者history.go(-1)。

这种写法在IE上即可实现我们想要的效果，但是在FireFox和Chrome就会变得很悲催了。

FireFox:

只需要改成如下方式: 返回

****Chrome:

Chrome比FireFox更难搞: 返回

本人分析: 对于Chrome来说，首先执行window.history.back()，执行完成之后再接着执行href=”#"，所以无法返回。加上 return false之后将不再执行href=”#"，便能正常返回。

Contents