数组的解构赋值: 位置
对象的解构赋值: 名称

// {}在解构赋值的时候,不能出现在一行的最前面,否则js解析器会把他当成一个代码块,加()
({a, b} = obj),告诉他这个仅仅是一个解构语句

let {a, b} = {a: 1, b: 2};
 let{a:A, b} = {a: 1, b: 2};
 let{a:A=1, b=2} = {a: 10}; //A=10, b=2;

let a = 0;
({a, b} = {a: 1, b: 2}); //通过对象的解构赋值改变变量的值

let {a[y]} = {a: ['Yo.']}; //获取'Yo.', 错误
let{a: [y]} = {a: ['Yo.']}; //获取'Yo.', 正确 把a重命名为[Y],再解构['Yo.']
-----------------------------------------------------------------------------------
let {a{b}} = {a: {b: 1}}; //获取b的值,错误
let {a: {b}} = {a: {b: 1}}; //获取b的值,正确

// 解构赋值中,初始变量中不能出现a[]、a{},重命名(a: {b})的可以出现

let {floor, pow} = Math; //解构Math对象中的方法
let a = 1.9;
console.log(floor(a)); // 1
console.log(pow(2, 3)); // 8

// undefined 未声明(没值)
// not defined 未定义(没变量)

// Proxy 代理,用于在语言层面上去操作一个对象 Proxy({原对象},{配置项})

// let s = new Set([1, 2, 3, 3]);
// Set 和 Array 都是数据结构

var a = [, , , ];
function each(arr,callback){
for(var i = ; i < arr.length; i++){
var item = arr[i];
callback(item);
}
} each(a, function (item) {
if (item < ) {
console.log(item);
}
}); //你接受一个传参,叫callback,然后执行这个callback,同时执行的时候把item传进来

回调函数:叫我一下

yo.call(lsd); 用lsd来做yo()里边的this

this用于在不同的环境下,给不同的父级赋能的

this等于什么不取决于this所在的位置,取决于this所在的function是如何被调用的
function 作为方法被调用(对象.fullname()),this等于他的 父级对象
function 作为构造器被调用 ( new User()),this等于 即将生成的对象
其他情况this等于undefined,指向最外层

显性属性是拷的,隐性属性是指向的

变化的显性 不变的隐性

b的原型继承于A,A的原型继承于Object

对象的原型 指向 其构造器的原型

js4的更多相关文章

  1. Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法

    Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法 昨天在开发的时候遇到个小问题,就是如何将Grid的内容与Form一起发送到服务器端.默认情况下,表单(F ...

  2. Ext JS4百强应用: 用grid.plugin.CellEditing做高级查询 --第10强

    Ext JS4,用grid.plugin.CellEditing做高级查询: 写了90%,界面出来了,小兴奋就贴出来,还有细节要调整,基本能用. 代码: Ext.define('chenghao.ad ...

  3. ArcGIS API for JS4.7加载FeatureLayer,点击弹出信息并高亮显示

    我加载的是ArcGIS Server本地发布的FeatureService,ArcGIS API for JS4.7记载FeatureLayer时,在二维需要通过代码启用WebGL渲染,在三维模式下, ...

  4. 名词解释——Ext JS4

    Ext.onReady——Ext主入口,和onload事件不同,不需要页面所有东西加在出来. Ext js 的基本语法就是使用树状图来配置对象来定义界面: { config_options1:valu ...

  5. [JS4] 最简单JS框架

    <html> <head> <title></title> <SCRIPT TYPE="text/JavaScript"> ...

  6. zepto源码研究 - zepto.js-4(常用的工具)

    $.each: /** * 以集合每一个元素作为上下文,来执行回调函数 * @param elements * @param callback * @returns {*} */ $.each = f ...

  7. Ext JS4百强应用:设置textfield的悬浮提示信息 --第8强

    在Extjs4中有时候我们需要textfield的提示信息,但是我们发现textfield并没有这样的配置项. 这时候我们就要另想方法:我们需要在鼠标悬停在textfield组件的时候进行信息的提示, ...

  8. Ext JS4百强应用: 做可编辑的,可checked的treegrid--第11强

    做一个可编辑的,可checked的treegrid,代码相当简洁: 请看代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN&quo ...

  9. js4:with,for in语句,windows,location对象的使用

    原文发布时间为:2008-11-08 -- 来源于本人的百度文章 [由搬家工具导入] <html> <head> <title>js</title> & ...

随机推荐

  1. python3 生成器和生成器表达式

    ''' 生成器:函数中有yield就是生成器函数 生成器本质是一个迭代器 yield后面的值会作为返回值返回. ''' def func(): print("apple") pri ...

  2. openjdk8源码编译

    1. 安装源码管理工具 yum install mercurial 2. 下载源码 hg clone http://hg.openjdk.java.net/jdk8u/jdk8u jdk8u #执行源 ...

  3. Java验证工具类

    在项目中使用Java经常有验证功能的使用,比如手机号,密码等验证. 总结一下,写出个工具类方便以后用的时候直接引. package com.common.utils; import org.apach ...

  4. vue 中给组建绑定原生事件@click.native=""

    <template>     <div class="div">  //组建使用          <v-header @click.native=& ...

  5. JavaEE学习之Spring声明式事务

    一.引言 上一篇文章,学习了AOP相关知识,并做了一个简单的Hello world.本文在上篇文章的基础上,进一步学习下Spring的声明式事务. 二.相关概念 1. 事务(Transaction)— ...

  6. Elasticsearch 思维导图集锦(持续更新...)

    目录 引言 思维导图 全文搜索 Elastic 基础 Query DSL Multi Match Query 系列文章列表 参考 引言 本文主要是对 elasticsearch 的一些知识点使用思维导 ...

  7. HashMap是如何工作的

    目录 1 HashMap在JAVA中的怎么工作的? 2 什么是哈希? 3 HashMap 中的 Node 类 4 键值对在 HashMap 中是如何存储的 5 哈希碰撞及其处理 6 HashMap 的 ...

  8. Python全栈开发之路 【第十六篇】:jQuey的动画效果、属性操作、文档操作、input的value

    01-动画效果 show 显示 概念:显示隐藏的匹配元素 语法:show(speed,callback) 参数: speed:三种预定速度之一的字符串('slow','normal','fast')或 ...

  9. Appium-实现手势密码登陆

    前言: 前几天有人问我,手势登陆如何做?于是我找了一个APP试了试,所以本文来总结使用Python+Appium来实现手势密码登陆APP. 环境: MacOS:10.13.4 Appium-deskt ...

  10. Elasticsearch 5.0Head插件

    Elasticsearch 5.0 —— Head插件部署指南   使用ES的基本都会使用过head,但是版本升级到5.0后,head插件就不好使了.下面就看看如何在5.0中启动Head插件吧! 官方 ...