various

JavaScript

引用：

<script>***</script>
调用外部javascript: <script src="***"></script>

console：

clear()清空console

console.log("Hello World")在控制台输出Hello World

定义数据 _{(var: variables)}

var: 全局； let: 可重新赋值； const: 不可重新赋值

推荐使用const > let > var

用var重新声明变量，变量的值不会丢失

var text = "hah"; var text; document.write(text); //hah

运算

支持+、-、*、/、%、**、++、--等。

值	运算符	描述	实例
20	( )	表达式分组	(3 + 4)
19	.	成员	person.name
19	[]	成员	person["name"]
19	()	函数调用	myFunction()
19	new	创建	new Date()
17	++	后缀递增	i++
17	--	后缀递减	i--
16	++	前缀递增	++i
16	--	前缀递减	--i
16	!	逻辑否	!(x==y)
16	typeof	类型	typeof x
15	**	求幂 (ES7)	10 ** 2
14	*	乘	10 * 5
14	/	除	10 / 5
14	%	模数除法	10 % 5
13	+	加	10 + 5
13	-	减	10 - 5
12	<<	左位移	x << 2
12	>>	右位移	x >> 2
12	>>>	右位移（无符号）	x >>> 2
11	<	小于	x < y
11	<=	小于或等于	x <= y
11	>	大于	x > y
11	>=	大于或等于	x >= y
11	in	对象中的属性	"PI" in Math
11	instanceof	对象的实例	instanceof Array
10	==	相等	x == y
10	===	严格相等	x === y
10	!=	不相等	x != y
10	!==	严格不相等	x !== y
9	&	按位与	x & y
8	^	按位 XOR	x ^ y
7	|	按位或	x | y
6	&&	逻辑与	x && y
5	||	逻辑否	x || y
4	? :	条件	? "Yes" : "No"
3	=	赋值	x = y
3	+=	赋值	x += y
3	-=	赋值	x -= y
3	*=	赋值	x *= y
3	%=	赋值	x %= y
3	<<=	赋值	x <<= y
3	>>=	赋值	x >>= y
3	>>>=	赋值	x >>>= y
3	&=	赋值	x &= y
3	^=	赋值	x ^= y
3	|=	赋值	x |= y
2	yield	暂停函数	yield x
1	,	逗号	7 , 8

数据类型

String, Numbers, Boolean, null, undefined, Symbol

可以用typeof来查看数据是什么类型，如：“typeof a”

拼接_{concatenation}

"My name is " + name + " and I am " + age

`My name is ${name} and I am ${age}`

推荐使用第二种

array

const fruits = ['apples', 'oranges', 'pears']

可以直接fruits[3] = xxx进行赋值或添项，也可以直接fruits[10] = xxx，这样中间会有很多undefined，但长度会是11

注意，const定义数组的话不能直接fruits = [xxx]进行赋值

添加元素

• fruits[x] = xxx
• fruits.push(xxx) //向尾添加
• fruits.unshitf(xxx) //向首添加

字典

• 定义

  const person = { firstName: "John", lastName: "Doe", hobbies: ['music', 'movies'], address: { street: "50 main st", city: 'Boston', 'state: 'MA', }, }

• 解构_{destructuring}

  const {firstName, address:{street}} = person debug.log(firstName) debug.log(street)

• 添加

  直接xx.x=xxx就行。例如person.email='[email protected]'

函数

• 正常方法：

  function addTwoNums(num1, num2 = 5){ return num1 + num2; }

• 箭头函数：

  const addTwoNums = (num1, num2 = 5) => { return num1 + num2 }

• 箭头函数去掉大括号：

  const addTwoNums = (num1, num2 = 5) => num1 + num2

• 箭头函数去掉小括号：

  const addOneNumWithFive = num => return num + 5

• 构造函数：

  function Person(firstName, secondName, dob) { this.firstName = firstName this.secondName = secondName this.dob = new Date(dob) this.getBirthYear = function () { return this.dob.getFullYear() } } const person1 = new Person('John', 'Doe', '4-3-1980') const person2 = new Person('Mary', 'Smith', '3-6-1970') console.log(person1.dob) console.log(person2.getBirthYear())

• 使用原型

  function Person(firstName, secondName, dob) { this.firstName = firstName this.secondName = secondName this.dob = new Date(dob) } Person.prototype.getBirthYear = function () { return this.dob.getFullYear() } Person.prototype.getFullName = function () { return `${this.firstName} ${this.secondName}` } const person1 = new Person('John', 'Doe', '4-3-1980') const person2 = new Person('Mary', 'Smith', '3-6-1970') console.log(person1.dob) console.log(person2.getBirthYear()) console.log(person1.getFullName())

• 通过类实现

  class Person { constructor(firstName, secondName, dob) { this.firstName = firstName; this.secondName = secondName; this.dob = new Date(dob); } getBirthYear() { return this.dob.getFullYear(); } getFullName() { return `${this.firstName} ${this.secondName}`; } } const person1 = new Person('John', 'Doe', '4-3-1980') const person2 = new Person('Mary', 'Smith', '3-6-1970') console.log(person1.dob) console.log(person2.getBirthYear()) console.log(person1.getFullName())

• map

  var nums1 = [45, 8, 9]; var nums2 = nums1.map(myFunction); function myFunction(value, index, array) { document.write("value:" + value + "index:" + index + "array:" + array + '<br />'); return value * 2; } document.write(nums2);

  运行结果：

  value:45index:0array:45,8,9 value:8index:1array:45,8,9 value:9index:2array:45,8,9 90,16,18

This site is open source. Improve this page.