ECMA2015(ES6)简单入门-1-let块-恒量const-解构-字符串模板

来源:互联网 发布:魔法贴是什么软件 编辑:程序博客网 时间:2024/06/07 17:22

let-块状作用域

‘use strict’;
if(true){ var fruit=”apple”
}
console.log(fruit);//这里控制台是能输出来的
if(true){
let fruit_1=”apple”;
console.log(fruit_1);//这里控制台是能输出来的,
}
//console.log(fruit_1);//这里控制台是不能输出来的(fruit_1 is not defined)
// 因为let定义的变量只能用于定义它的块里面,块的外边是不能使用这个变量的
// 其实定义一个块最简单的方法就是用大括号eg:
{
let fruit_2=”apple2”;
console.log(fruit_2);//这里控制台是能输出来的,
}
恒量-const

const fruit_const=”apple_const”;
console.log(fruit_const);//这里控制台是能输出来的
// const fruit_const=”apple_const_repeat”;
// console.log(apple_const_repeat);//这里控制台是不能输出来的 因为const声明的是恒量,
// 不懂?恒星懂不,就是不会变的。。const限制的是给恒量分配值的动作不是限制恒量里的值
// 举个栗子 定义一个空数组
const fruit_array=[];
fruit_array.push(“程序员有个梦想”);
fruit_array.push(“上海有套房”);
fruit_array.push(“孩子有个娘”);
let dream=fruit_array.join();
console.log(fruit_array);
console.log(dream);
解构数组-array destructuring

// 意思就是分解一个东西的结构
function breakfast(){
return [“apple”,”姑娘”,”小蘑菇”]
}
// var tmp=breakfast(),
// //老的方式 是函数返回的值 交给临时变量,让几个变量的值分别等于临时变量对应的值
// apple=tmp[0],
// girl=tmp[1],
// mushroom=tmp[2];
// console.log(apple,girl,mushroom);
//现在的方式
let [apple,girl,mushroom]=breakfast();//函数里面的值分别给了前面的数组里的变量
console.log(apple,girl,mushroom);
解构数组-对象 destructuring

function breakfast_1(){
return {apple_1:”apple”,girl_1:”姑娘”,mushroom_1:”小蘑菇”}
}
let {apple:apple_1,girl:girl_1,mushroom:mushroom_1}=breakfast_1();
//函数里面的值的代表变量分别给了前面的数组里的变量
console.log(apple,girl,mushroom);
字符串-模板 template string

let dessert=”dessert_apple”, drink=”drink_tea”;

let breakfast_2=”今天的早餐是”+dessert+”与”+drink;
console.log(breakfast_2);
//新的方式
let breakfast_3=今天的早餐是+${dessert}+与+${drink};
let breakfast_4=kitchen今天的早餐是+${dessert}+与+${drink}!;
//可以在模板字符串前加一个标签kitchen,标签处理模板字符串中的字符和插入的值
console.log(breakfast_4);
function kitchen(strings,…values){
//模板字符串中的每一部分中的字符,values是插入值 就是大括号里面的东西
let result =”“;
(http://img.blog.csdn.net/20170414230248787?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGV2aW5jb2I=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
console.log(breakfast_4);

判断字符串中是否包含其他字符串

console.log(
breakfast_4.startsWith(“今天”)//是否以某个字符串开头的
);
console.log(
breakfast_4.startsWith(“!”)//是否以某个字符串开头的
);
console.log(
breakfast_4.endsWith(“drink_tea”)//是否以某个字符串结尾的
);
console.log(
breakfast_4.includes(“dessert_apple”))//是否以包含某个字符

0 0
原创粉丝点击