es6語法變化(一)

2021-08-17 16:42:26 字數 2702 閱讀 4214

這些是es6最常用的幾個語法,基本上學會它們,我們就可以走遍天下都不怕啦!我會用最通俗易懂的語言和例子來講解它們,保證一看就懂,一學就會。

var name = 'zach'

while (true)

console.log(name) //obama

let name = 'zach'

while (true)

console.log(name) //zach

var a = ;

for (var i = 0; i < 10; i++) ;

}a[6](); // 10

var a = ;

for (let i = 0; i < 10; i++) ;

}a[6](); // 6

var clickboxs = document.queryselectorall('.clickbox')

for (var i = 0; i < clickboxs.length; i++)

}

function

iterato***ctory

(i) return onclick;

}var clickboxs = document.queryselectorall('.clickbox')

for (var i = 0; i

< clickboxs.length; i++)

const

pi = math.pi

const monent = require('moment')
class

animal

says(say)

}let animal = new

animal()

animal.says('hello') //animal says hello

class

catextends

animal

}let cat = new

cat()

cat.says('hello') //cat says hello

function

(i) //es5

(i) => i + 1

//es6

function

(x, y)

(x, y) =>

class

animal

says(say), 1000)

}} var animal = new animal()

animal.says('hi') //undefined says hi

says(say), 1000)
2.第二種方法是用bind(this),即

says(say).bind(this), 1000)
但現在我們有了箭頭函式,就不需要這麼麻煩了:

class

animal

says(say), 1000)

}} var animal = new animal()

animal.says('hi') //animal says hi

$(

"there are" + basket.count + "" +

"items in your basket, " +

"" + basket.onsale +

" are on sale!"

);

there are$items

in your basket, $

are on sale!

`);

to=`}>

link>

let

cat = 'ken'

let dog = 'lili'

let zoo =

console.log(zoo) //object

let

cat = 'ken'

let dog = 'lili'

let zoo =

console.log(zoo) //object

let dog = 

let = dog

console.log(type, many) //animal 2

function animal(type)

animal()

function

animal

(type = 'cat')

animal

()

function

animals

(...types)

animals('cat', 'dog', 'fish') //["cat", "dog", "fish"]

ES6函式變化

1.函式預設引數function show show 2.函式引數預設是定義過的,不能再使用let,const宣告,否則會報錯function show x 10 show 3.擴充套件運算子 可以將陣列轉化成普通的數字列表,反過來可以將數字列表轉換成陣列 let arr 1,2,3 console...

ES6語法詳解(一)

一 let let和var有什麼區別?let是塊作用域,可以將let後面的變數變成塊作用域 es5語法中只有全域性作用域和函式作用域 二 const 如果const後面的變數是普通變數,改變值的話會報錯。const a 1 a 2 如果後面儲存的是陣列或者物件,改變值不報錯,那麼改變它的指向報錯 c...

ES6變化 箭頭函式

箭頭函式特點 1.不用寫function關鍵字 2.只能作為函式使用不能new,沒有原型 3.引數不能重複命名 4.返回值可以不寫return,但是有時需要配合 5.內部arguments this 由定義時外圍最接近一層的非剪頭函式的arguments和this決定其值 1 這裡以sum函式為例 ...