ES6語法學習筆記

基本用法:

1.先定義後使用

let a = 0;
console.log(a);//a=0

2.**塊內有效

let在{}內部定義的變數，在外部是不可以訪問的，而var 定義的變數是在全域性範圍內有效:


console.log(a);//referenceerror: a is not defined
console.log(b);//b=0

3.不能重複宣告

let 只能宣告一次，而var 可以宣告多次:

let a = 1;
let a = 2;
var b = 3;
var b = 4;
console.log(a);//identifier 'a' has already been declared
console.log(b);//b=4

//const宣告的常量必須初始化

// const用來宣告常量
const n = 1;
// const宣告的常量不允許重新賦值
// n = 2;
// const宣告的常量必須初始化
//const abc;

//基本宣告
let [a,b,c] = [1,2,3];//a=1，b=2，c=3
//宣告不附值就是undefined
let [a,b,c] = [,123,];//a=undefined，b=123，c=undefined
//新增預設值
let [a=111,b,c] = [,123,];//a=111，b=123，c=undefined
//剩餘運算子...
let [a, ...b] = [1, 2, 3];//a=1，b=[2, 3]

//1.物件的正常解構賦值
let  = ;// foo = 'aaa'， bar = 'bbb'
//2.物件屬性別名(如果有了別名，那麼原來的名字就無效了)
let  = ;// foo = 'ddd'，baz失效

//字串在陣列的解構
let [a, b, c, d, e] = 'hello';
// a = 'h'， b = 'e'， c = 'l'， d = 'l' ，e = 'o'

1.includes() 判斷字串中是否包含指定的字串（有的話返回true，否則返回false）

引數一：匹配的字串；引數二：從第幾個開始匹配

console.log('hello world'.includes('world',7));//輸出true

2.startswith() 判斷字串是否以特定的字串開始

// let url = 'admin/index.php';
// console.log(url.startswith('admin'));//輸出true

3.endswith() 判斷字串是否以特定的字串結束

// let url = 'admin/index.php';
console.log(url.endswith('php'));//輸出true

4.es6字串可以這樣拼接

let obj = 
// 反引號表示模板，模板中的內容可以有格式，通過${}方式填充資料
let tpl = `
>
>
$span
>
>
$span
>
>
$span
>
>
$span
>
>
$span
>
div>
`;console.log(tpl);

剩餘運算子…，相當於將剩餘引數放在乙個陣列中，一般用於方法的呼叫

//1.剩餘運算子...
let [a, ...b] = [1, 2, 3];//a=1，b=[2, 3]
//2.宣告foo方法
function foo(a,b,c,d,e,f,g)
//定義陣列
let arr = [1,2,3,4,5,6,7];
//呼叫foo方法
foo(...arr);//輸出：28

箭頭函式提供了一種更加簡潔的函式書寫方式。基本語法是：引數 => 函式體

//普通的函式
function foo()
foo();
//箭頭函式
let foo = () => console.log('hello');
foo();

當箭頭函式沒有引數或者有多個引數，要用 () 括起來。

/箭頭函式基本用法：

//乙個引數的傳遞
var f = v => v;
//等價於
var f = function(a)
f(1);  //結果為：1
//兩個引數的傳遞
當箭頭函式沒有引數或者有多個引數，要用 () 括起來。
var f = (a,b) => a+b;
f(6,2);  //8

當箭頭函式函式體有多行語句，用 {} 包裹起來，表示**塊，當只有一行語句，並且需要返回結果時，可以省略 {} , 結果會自動返回。

var f = (a,b) => 
f(6,2);  // 8

ES6語法學習

let 變數和const 常量 let name jarvis const name jarvis let相當於之前的var，作用域可以是全域性或者塊級作用域，不同作用域互不干擾。注意 1.沒有預解析，不存在變數提公升在塊內，只要let定義變數，在之前使用，都是報錯 2.同乙個作用域裡，不能重複...

ES6語法學習

一作用域 const var let 核心儘量減少使用var，常量使用const，塊級作用域使用let 5個按鈕，實現點選第i個按鈕，顯示i按鈕被點選。var btn document.getelementsbytagname button es5使用閉包解決var作用域問題 for var i...

es6語法學習 1

學習es56語法 1 塊級作用於用 let來來代替之前由於var塊級作用於，變數洩漏的問題 let宣告變數，只在當前塊級作用域中有效對於沒有宣告的變數，先使用，再用let宣告則會報錯塊級作用域中相同變數名不允許重複宣告可以任意巢狀 es5中塊級作用域中，內部的作用域函式可以在外部沒有此變數...

ES6語法學習筆記

ES6語法學習

ES6語法學習

es6語法學習 1

相關推薦