国产亚洲精品福利在线无卡一,国产精久久一区二区三区,亚洲精品无码国模,精品久久久久久无码专区不卡

當(dāng)前位置: 首頁 > news >正文

房地產(chǎn)營銷網(wǎng)站建設(shè)新浪微指數(shù)

房地產(chǎn)營銷網(wǎng)站建設(shè),新浪微指數(shù),給廠家做代理上什么網(wǎng)站,模板網(wǎng)站的弊端ES6新語法 1 let定義變量2 const定義常量3 模板字符串4 方法默認(rèn)值5 箭頭函數(shù)6 解構(gòu)6.1 對象解構(gòu)6.2 數(shù)組解構(gòu)6.2 使用解構(gòu)實現(xiàn)變量交換 7 Spread Operator8 模塊化編程 1 let定義變量 使用let定義變量能更加精準(zhǔn)的確定變量的作用域 //for(var i 0 ; i < 10 ; i){} for(let…

ES6新語法

  • 1 let定義變量
  • 2 const定義常量
  • 3 模板字符串
  • 4 方法默認(rèn)值
  • 5 箭頭函數(shù)
  • 6 解構(gòu)
    • 6.1 對象解構(gòu)
    • 6.2 數(shù)組解構(gòu)
    • 6.2 使用解構(gòu)實現(xiàn)變量交換
  • 7 Spread Operator
  • 8 模塊化編程

1 let定義變量

使用let定義變量能更加精準(zhǔn)的確定變量的作用域

//for(var i = 0 ; i < 10 ; i++){}
for(let i = 0 ; i < 10 ; i++){}
console.log(i); 

2 const定義常量

使用const定義常量,常量一旦定義不可以改變

const a = 10;
a = 20;//Assignment to constant variable.

3 模板字符串

使用模板字符串可以避免大量的字符串拼接

var name = "cxk";
console.log("歡迎"+name+"登錄中...");//字符串拼接
console.log(`歡迎${name}登錄中...`);//模板字符串

4 方法默認(rèn)值

類似于springmvc中接受參數(shù)擁有默認(rèn)值

function f1(a=10 , b={name:'haha'}){console.log(a);console.log(b);
}
f1();  //沒有傳遞參數(shù),則使用默認(rèn)值
f1("a","b"); //傳遞參數(shù),則使用傳遞的參數(shù)

5 箭頭函數(shù)

使用箭頭函數(shù)可以簡化復(fù)雜的代碼結(jié)構(gòu)(類似于java中l(wèi)ambda表達(dá)式)

//使用ES5的語法定義函數(shù)
//var f1 = function (a,b){
// 	return a+b;
// }
//使用ES6的語法定義函數(shù)
var f2 = (a,b) =>  a+b
console.log(f2(10,20));

箭頭函數(shù)應(yīng)用

//1、定義數(shù)組獲取數(shù)組中所有的偶數(shù)
let arr = [1,2,3,4,5,6,7];
//使用傳統(tǒng)方式
// arr = arr.filter(function(num){
// 	if(num % 2 == 0){
// 		return num;
// 	}
// })
//使用箭頭函數(shù)
arr = arr.filter(num => num % 2 == 0)
console.log(arr);//2、定義數(shù)組獲取名稱包含‘a(chǎn)’字符,且長度大于6的元素
let arr = ['zhangsan','lisi','wangwu','zhaoliu'];
//使用傳統(tǒng)方式
// arr = arr.filter(function(name){
// 	if(name.indexOf('a') > 0 && name.length > 6){
// 		return name;
// 	}
// })
//使用箭頭函數(shù)
arr = arr.filter(name => name.indexOf('a')>-1 &&  name.length > 6 );
console.log(arr);

6 解構(gòu)

定義:從一個大的數(shù)組或?qū)ο笾刑崛€別值使用

6.1 對象解構(gòu)

//對象解構(gòu):
//獲取user對象中的name、age屬性let user = {name:'zs',age:20,sex:'男'};
// let name = user.name;
// let age = user.age;
// console.log(name,age);//使用解構(gòu)
// let {name,age} = user;
// console.log(name,age)//如果新對象的屬性名不一致的時候需要指定名稱
let {name:name1,age:age1} = user;
console.log(name1,age1)

6.2 數(shù)組解構(gòu)

//數(shù)組解構(gòu)
let produts =[{name:"小米",price:3999},{name:"華為",price:4999},{name:"蘋果",price:6999},{name:"三星",price:5999},]let p1,p2;
[p1,p2] = produts;
console.log(p1);
console.log(p2);
//取出第三第四個對象
[,,p1,p2] = produts;
console.log(p1,p2);

6.2 使用解構(gòu)實現(xiàn)變量交換

let a = 10;
let b = 20;
[a,b] = [b,a];
console.log(a,b);

7 Spread Operator

通過不定參數(shù)實現(xiàn)解構(gòu)

  • 常用于JSON對象
//數(shù)組拼接
let arr1 = [1,3,4,5];
let arr2 = [100,200];
let arr3 = [...arr1,...arr2];
console.log(arr3);//對象
let user = {name:'jack',gender:'男'};
let userInfo = {...user,age:30};
console.log(userInfo);

8 模塊化編程

使用模塊化編程可以減少大量的js庫的引入,拆分的功能相互獨立,可以單獨測試(java中的解耦)

注意的點:

  • 使用export default 向外暴露的成員,可以使用任意的變量來接收
  • 在一個模塊中,export default 只允許向外暴露1次
  • 在一個模塊中,可以同時使用 export default 和 export 向外暴露成員(方法、變量、對象)
  • 目前瀏覽器上還不支持ES6的導(dǎo)入導(dǎo)出語法。需要在設(shè)置js的類型為module <script type="module">

導(dǎo)出模塊

//導(dǎo)出add方法,default表示默認(rèn)方法(有且僅有一個default導(dǎo)出)
export default function add(a,b){return a+b;
}
//導(dǎo)出其他方法
export function f1(){console.log("導(dǎo)出f1函數(shù)");
}//導(dǎo)出變量
export let username = 'admin';//導(dǎo)出對象
export let user = {name:'zs',age:30
}

導(dǎo)入模塊

  • 沒有使用default修飾的內(nèi)容必須寫在{}中,且名稱保持一致
  • 導(dǎo)入default模塊可以自己制定名字
<script type="module">//導(dǎo)入模塊  導(dǎo)入default模塊可以自己制定名字。其他的導(dǎo)入需要方法{}中,且名稱保持一致import add2,{f1,username,user} from './js/test.js';console.log(add2(10,20));f1();console.log(username);console.log(user.name,user.age);
</script>
http://aloenet.com.cn/news/34709.html

相關(guān)文章:

  • 鄭州中揚科技網(wǎng)站建設(shè)公司怎么樣網(wǎng)絡(luò)營銷方案ppt
  • 手機端網(wǎng)站建站品牌營銷案例分析
  • wordpress耗資源關(guān)閉深圳最好的外貿(mào)seo培訓(xùn)
  • 安徽省建設(shè)廳網(wǎng)站域名容易被百度收錄的網(wǎng)站
  • 網(wǎng)站開發(fā)需求調(diào)研互動營銷案例100
  • 用vue做的網(wǎng)站模板seo網(wǎng)站推廣如何做
  • 江蘇中南建筑信息平臺搜索引擎seo優(yōu)化怎么做
  • 做網(wǎng)站合肥百度搜索推廣平臺
  • 做電商網(wǎng)站用什么框架電商平臺開發(fā)需要多少錢
  • 游戲網(wǎng)站怎么做推廣成人大學(xué)報名官網(wǎng)入口
  • 網(wǎng)站制作應(yīng)該注意到的問題seo有哪些優(yōu)缺點?
  • 營銷型網(wǎng)站建設(shè)公司價格經(jīng)典網(wǎng)絡(luò)營銷案例
  • openshift安裝wordpress密碼忘記百度seo關(guān)鍵詞報價
  • wordpress模板工作室佛山網(wǎng)絡(luò)公司 樂云seo
  • 服裝設(shè)計圖seo營銷推廣服務(wù)公司
  • 網(wǎng)站設(shè)計怎么做鏈接中國疫情最新消息
  • 做網(wǎng)站推廣的方法佛山關(guān)鍵詞排名效果
  • 食藥監(jiān)局網(wǎng)站建設(shè)方案濰坊網(wǎng)站seo
  • 90設(shè)計網(wǎng)站可以商用嗎學(xué)生班級優(yōu)化大師
  • 個人網(wǎng)站有什么缺點it人必看的網(wǎng)站
  • 西寧做網(wǎng)站的公司力請君博d百度網(wǎng)站關(guān)鍵詞排名查詢
  • 高端品牌男鞋有哪些優(yōu)化營商環(huán)境心得體會個人
  • 哪個網(wǎng)站 的域名最便宜seo推廣外包企業(yè)
  • 模板網(wǎng)站 可以做推廣嗎如何優(yōu)化搜索引擎
  • 招聘網(wǎng)站上怎么做推廣青島網(wǎng)站建設(shè)公司電話
  • 什么網(wǎng)站做外貿(mào)最好推廣平臺有哪些
  • 大石橋網(wǎng)站建設(shè)百度關(guān)鍵字優(yōu)化價格
  • javaweb做新聞網(wǎng)站北京百度推廣電話號碼
  • 室內(nèi)環(huán)保網(wǎng)站模板代碼seo網(wǎng)站優(yōu)化培訓(xùn)怎么做
  • 做的好微信商城網(wǎng)站嗎seo顧問服務(wù)四川