ES6 基礎教程(一)

2021-07-31 23:12:38 字數 2370 閱讀 9205

用法:塊級作用域;不可重複宣告。

用法:定義常量;一旦定義,你只能去讀取它,不要進行其他操作。

預設引數

function

fn(a,b)

fn();//undefiend undefined

function

fn(a=5,b=6)

fn();//5 6

rest
function

fn(...re)

fn(1,2,3,4);//[1,2,3,4]

function

fn(normal,...re)

fn();//[2,3,4]

function

fn(normal,...re)

fn(1,2,3,4);//9

function

ott(a,b,c)

模板字串是一種新的用來拼接字串的方式,只是用來拼接字串。

let firstname = 'lao',lastname = 'wang';

let str = `my mane is $ $`;

console.log(str);// my name is lao wang

結構賦值只是一種新的更簡便的賦值語法。

let human = 

let = human;

console.log(age,human);// 18 laowang

//你也可以給變數賦予新的名字

let human =

let = human;

console.log(youngage,human);// 18 laowang

let human = 

}//當然你不必結構所有的屬性,需要什麼就把什麼拿出來就好了

let = human;

console.log(youngage,human,c1,c2);// 18 laowang laoda laoer

語法:
class classname

}

例項:
class animal 

move()

}//例項化乙個類

let dog = new animal(1,2,3);

console.log(dog.a,dog.b,dog.c);// 1 2 3

//我們執行一下它的方法

dog.move();// i can move

物件之間的繼承:
class animal 

move()

}//例項化乙個類

let dog = new animal(1,2,3);

console.log(dog.a,dog.b,dog.c);// 1 2 3

class human extends animal

//你可以覆蓋掉父類的方法

move()

}let jim = new human('18');

console.log(jim.age);//18

console.log(jim.a);//undefined 這裡就是說他已經繼承了父類的屬性,但是你並沒有對其初始化

jim.move();// i can run

es6 模組化規範
(a.js)

//import 後面的這個變數是用來接受你匯入的模組的預設匯出值的,你可以自定義不同的名字,花括號就是用來拿到 export 裡面匯出的內容的,花括號裡面名字必須和 export 裡面的名字一樣

import fnnn, from './b.js';

fn1();//fn1

fn2();//fn2

(b.js)

function

fn1()`

function

fn2()

//export 這是 es6 的模組化規範裡面用來暴露出口的關鍵字

export

export default

function

fn()

commonjs 的模組化規範
const fnnn = require('./b.js');

fnnn.fn1();//fn1

fnnn.fn2();//fn2

(b.js)

function

fn1()`

function

fn2()

module.exports =

16進製制 es6 前端基礎 包含ES6 (一)

js中到底都有哪些資料型別 基本資料型別 值型別 number string boolean true false null undefined symbol es6 引用資料型別 object 物件 物件 陣列 正則 tue mar 08 2016 16 17 10 gmt 0800 時間 fun...

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...