ES6 基礎實踐

2021-09-16 23:57:09 字數 3430 閱讀 9770

var a = 1;

window.a; // 輸出:1

let b = 2;

window.b; // 輸出:undefined

console.log(a);

console.log(b);

let a = 1;

let i = "a";

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

// 猜猜是否報錯,以及輸出什麼

const a = [1,2,3];

const b = a;

const c = [1,2,3];

`我是乙個好人`
console.log(`我還是可以

換行的字串`);

let a = `123

4`;a.length //猜猜a的長度是多少?

let b = "1\n2\n3\n4";

a === b //猜猜是否相等?

let name = "張三";

let age = 12;

function say(name)

console.log(`我是$,我的性別是:$,我今年 $歲,我想說: $`);

let a = "abc";

let b = new string("abc");

a == b?

a === b?

let a = 1, b = 2, c = 3;

let [a, b, c] = [1, 2, 3];

let [a, ...b] = [1, 2, 3, 4];

let [a = 1] = [2];

let [a = 1] = [null];

let [a = 1] = [undefined];

let [a] = [null];

let [a] = ;

let = ;

let = ;

let = {};

let = ;

1、先兩句一起執行:

let a = 1;

= 2、分開一條一條執行

let a = 1;

= 3、反過來執行

= let a = 1;

a ?window.a ?

上面的a 和 window.a 各輸出什麼?

let a = 1;

( = )

如果這樣的兩句一起執行呢?

用途

let a = 1;

let b = 2;

[a, b] = [b, a];

function example() 

let [a, b, c] = example();

function example() ;

}let = example();

function example([a, b, c]) 

example([1, 2, 3]);

let mydatalist = ;

let = mydatalist;

let throwmyerr = (errname) => `);

}let example = (name = throwmyerr("name")) =>

let example = x => x * 2;
let myobj = , 500);}}

let myobj = , 500);

}}

function sayhellowes5 ()

sayhellowes5.prototype.say = function () ;

class sayhellow 

say()

}typeof sayhellow

sayhellow === sayhellow.prototype.constructor

var a = new sayhellow();

a === sayhellow ?

a.constructor === sayhellow ?

var b = new sayhellow();

a.__proto__ === b.__proto__ ?

原型是否相等?

b.__proto__.say2 = function()

a.say2() ?

思考 this 到底指的哪?原型呢?同樣下面的繼承是否也一樣?

(確認下節課內容)

class saybey extends sayhellow

}

class tobey extends sayhellow beybey!`);

}}

class tobey2 extends sayhellow

saybey() beybey!`);}}

//想想為什麼報錯?

export let myleta = 1;

export let myletb = 2;

export let example = () =>

let myleta = 1;

let myletb = 2;

let example = () =>

export ;

// 正確

var a = 1;

export default a;

// 錯誤

export default var a = 1;

import  from './main';

import sars from './main';

es6 最佳入門實踐 6

symbol是es6中一種新增加的資料型別,它表示獨一無二的值。es5中我們把資料型別分為基本資料型別 字串 數字 布林 undefined null 和引用資料型別 object 在es6中新增的symbol資料型別劃分到基本資料型別 為什麼會有這樣一種資料型別呢?別人給了你乙個定義好的物件 va...

ES6 基礎語法

1 var vs let const var 可以定義全域性變數,與之不同,let的重要特性就是提供了塊級作用域和不具備變數提公升。const主要用於定義常量,常量顧名思義不是變數,意思就是一經定義,值就無法改變。首先弄明白塊級作用域 es5中有全域性作用域與函式作用域,塊級作用域是es6中的新語法...

ES6基礎語法

let 變數 不具備變數提公升特性 const 常量 引用位址不可改變 在宣告時必須被賦值 let和const都是塊級作用域 只在最靠近的乙個塊中 花括號內 有效 在es6中新增了模板字串拼接 var name kingfan var age 18 var msg 我是 今年 歲 console.l...