精华内容
下载资源
问答
  • Kotlin系列之let、with、run、apply、also函数的使用

    万次阅读 多人点赞 2017-12-12 21:59:53
    二、内联扩展函数之let 三、内联函数之with 四、内联扩展函数之run 五、内联扩展函数之apply 六、内联扩展函数之also 七、let,with,run,apply,also函数区别 简述: 相比Java, Kotlin提供了不少高级语法特性。对于...

    标签: Kotlin      常用技巧


    目录:

    简述:

    相比Java, Kotlin提供了不少高级语法特性。对于一个Kotlin的初学者来说经常会写出一些不够优雅的代码。在Kotlin中的源码标准库(Standard.kt)中提供了一些Kotlin扩展的内置函数可以优化kotlin的编码。Standard.kt是Kotlin库的一部分,它定义了一些基本函数。 这个源代码文件虽然一共不到50行代码,但是这些函数功能都非常强大。


    一、回调函数的Kotin的lambda的简化

    在Kotlin中对Java中的一些的接口的回调做了一些优化,可以使用一个lambda函数来代替。可以简化写一些不必要的嵌套回调方法。但是需要注意:在lambda表达式,只支持单抽象方法模型,也就是说设计的接口里面只有一个抽象的方法,才符合lambda表达式的规则,多个回调方法不支持。

    • 1、用Java代码实现一个接口的回调。

       mView.setEventListener(new ExamPlanHomeEventListener(){
       
          public void onSuccess(Data data){
            //todo
          }
       
       });
      
      
    • 2、在Kotlin中的实现一个接口的回调,不使用lambda表达式(这种方式非常适用于kotlin中对于一个接口中含有多个回调方法)。

      
      mView.setEventListener(object: ExamPlanHomeEventListener{
           
          public void onSuccess(Data data){
            //todo
          }
           
      });
      
    • 3、如果在Kotlin中的对于接口只有一个回调的方法,就符合使用lambda函数,我们可以把以上代码简化成这样。

      mView.setEventListener({
         data: Data ->
         //todo
      })
      
      //或者可以直接省略Data,借助kotlin的智能类型推导
      
      mView.setEventListener({
         data ->
         //todo
      })
      
    • 4、如果以上代码中的data参数没有使用到的话,可以直接把data去掉

      mView.setEventListener({
        //todo
      
      })
      
    • 5、以上代码还可以做个调整,由于setEventListener函数最后一个参数是一个函数的话,可以直接把括号的实现提到圆括号外面

      mView.setEventListener(){
         //todo
      }
      
    • 6、由于setEventListener这个函数只有一个参数,可以直接省略圆括号

      mView.setEventListener{
        //todo
      }
      

    二、内联扩展函数之let

    let扩展函数的实际上是一个作用域函数,当你需要去定义一个变量在一个特定的作用域范围内,let函数的是一个不错的选择;let函数另一个作用就是可以避免写一些判断null的操作。
    
    • 1、let函数的使用的一般结构
    object.let{
       it.todo()//在函数体内使用it替代object对象去访问其公有的属性和方法
       ...
    }
    
    //另一种用途 判断object为null的操作
    object?.let{//表示object不为null的条件下,才会去执行let函数体
       it.todo()
    }
    
    • 2、let函数底层的inline扩展函数+lambda结构
       @kotlin.internal.InlineOnly
    public inline fun <T, R> T.let(block: (T) -> R): R = block(this)
    
    • 3、let函数inline结构的分析

      从源码let函数的结构来看它是只有一个lambda函数块block作为参数的函数,调用T类型对象的let函数,则该对象为函数的参数。在函数块内可以通过 it 指代该对象。返回值为函数块的最后一行或指定return表达式。

    • 4、let函数的kotlin和Java转化

       //kotlin
       
       fun main(args: Array<String>) {
          val result = "testLet".let {
              println(it.length)
              1000
          }
          println(result)
       }
       
       //java
       
       public final class LetFunctionKt {
         public static final void main(@NotNull String[] args) {
            Intrinsics.checkParameterIsNotNull(args, "args");
            String var2 = "testLet";
            int var4 = var2.length();
            System.out.println(var4);
            int result = 1000;
            System.out.println(result);
         }
      }
      
       
      
    • 5、let函数适用的场景

      场景一: 最常用的场景就是使用let函数处理需要针对一个可null的对象统一做判空处理。

      场景二: 然后就是需要去明确一个变量所处特定的作用域范围内可以使用

    • 6、let函数使用前后的对比

      没有使用let函数的代码是这样的,看起来不够优雅

      mVideoPlayer?.setVideoView(activity.course_video_view)
      	mVideoPlayer?.setControllerView(activity.course_video_controller_view)
      	mVideoPlayer?.setCurtainView(activity.course_video_curtain_view)
      

    使用let函数后的代码是这样的

    ```
    mVideoPlayer?.let {
    	   it.setVideoView(activity.course_video_view)
    	   it.setControllerView(activity.course_video_controller_view)
    	   it.setCurtainView(activity.course_video_curtain_view)
    }
    	
    ```
    

    三、内联函数之with

    • 1、with函数使用的一般结构

       with(object){
         //todo
       }
      
    • 2、with函数底层的inline扩展函数+lambda结构

      @kotlin.internal.InlineOnly
      public inline fun <T, R> with(receiver: T, block: T.() -> R): R = receiver.block()
      
      
    • 3、with函数inline结构的分析

    with函数和前面的几个函数使用方式略有不同,因为它不是以扩展的形式存在的。它是将某对象作为函数的参数,在函数块内可以通过 this 指代该对象。返回值为函数块的最后一行或指定return表达式。

    可以看出with函数是接收了两个参数,分别为T类型的对象receiver和一个lambda函数块,所以with函数最原始样子如下:

    ```
    
    val result = with(user, {
            println("my name is $name, I am $age years old, my phone number is $phoneNum")
            1000
        })
    ```
    

    但是由于with函数最后一个参数是一个函数,可以把函数提到圆括号的外部,所以最终with函数的调用形式如下:

    ```
    val result = with(user) {
            println("my name is $name, I am $age years old, my phone number is $phoneNum")
            1000
        }
    ```
    
    • 4、with函数的kotlin和Java转化

      //kotlin
      
      fun main(args: Array<String>) {
          val user = User("Kotlin", 1, "1111111")
      
          val result = with(user) {
              println("my name is $name, I am $age years old, my phone number is $phoneNum")
              1000
          }
          println("result: $result")
      }
      
      //java
      
       public static final void main(@NotNull String[] args) {
            Intrinsics.checkParameterIsNotNull(args, "args");
            User user = new User("Kotlin", 1, "1111111");
            String var4 = "my name is " + user.getName() + ", I am " + user.getAge() + " years old, my phone number is " + user.getPhoneNum();
            System.out.println(var4);
            int result = 1000;
            String var3 = "result: " + result;
            System.out.println(var3);
         }
      
      
    • 5、with函数的适用的场景

    适用于调用同一个类的多个方法时,可以省去类名重复,直接调用类的方法即可,经常用于Android中RecyclerView中onBinderViewHolder中,数据model的属性映射到UI上

    • 6、with函数使用前后的对比

    没有使用kotlin中的实现

    ```
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
    
       ArticleSnippet item = getItem(position);
    		if (item == null) {
    			return;
    		}
    		holder.tvNewsTitle.setText(StringUtils.trimToEmpty(item.titleEn));
    		holder.tvNewsSummary.setText(StringUtils.trimToEmpty(item.summary));
    		String gradeInfo = "难度:" + item.gradeInfo;
    		String wordCount = "单词数:" + item.length;
    		String reviewNum = "读后感:" + item.numReviews;
    		String extraInfo = gradeInfo + " | " + wordCount + " | " + reviewNum;
    		holder.tvExtraInfo.setText(extraInfo);
    		...
    }
    
    ```
    

    kotlin的实现

    ```
    override fun onBindViewHolder(holder: ViewHolder, position: Int){
       val item = getItem(position)?: return
       
       with(item){
       
          holder.tvNewsTitle.text = StringUtils.trimToEmpty(titleEn)
    	   holder.tvNewsSummary.text = StringUtils.trimToEmpty(summary)
    	   holder.tvExtraInf.text = "难度:$gradeInfo | 单词数:$length | 读后感: $numReviews"
           ...   
       
       }
    
    }
    
    ```
    

    四、内联扩展函数之run

    • 1、run函数使用的一般结构

      object.run{
      //todo
      }
      
    • 2、run函数的inline+lambda结构

      @kotlin.internal.InlineOnly
      public inline fun <T, R> T.run(block: T.() -> R): R = block()
      
    • 3、run函数的inline结构分析

      run函数实际上可以说是let和with两个函数的结合体,run函数只接收一个lambda函数为参数,以闭包形式返回,返回值为最后一行的值或者指定的return的表达式。

    • 4、run函数的kotlin和Java转化

      //kotlin
      
      fun main(args: Array<String>) {
          val user = User("Kotlin", 1, "1111111")
      
          val result = user.run {
              println("my name is $name, I am $age years old, my phone number is $phoneNum")
              1000
          }
          println("result: $result")
      }
      
      //java
      
        public static final void main(@NotNull String[] args) {
            Intrinsics.checkParameterIsNotNull(args, "args");
            User user = new User("Kotlin", 1, "1111111");
            String var5 = "my name is " + user.getName() + ", I am " + user.getAge() + " years old, my phone number is " + user.getPhoneNum();
            System.out.println(var5);
            int result = 1000;
            String var3 = "result: " + result;
            System.out.println(var3);
         }
      
      
    • 5、run函数的适用场景

    适用于let,with函数任何场景。因为run函数是let,with两个函数结合体,准确来说它弥补了let函数在函数体内必须使用it参数替代对象,在run函数中可以像with函数一样可以省略,直接访问实例的公有属性和方法,另一方面它弥补了with函数传入对象判空问题,在run函数中可以像let函数一样做判空处理

    • 6、run函数使用前后的对比

    还是借助上个例子kotlin代码

    ```
    override fun onBindViewHolder(holder: ViewHolder, position: Int){
       val item = getItem(position)?: return
       
       with(item){
       
          holder.tvNewsTitle.text = StringUtils.trimToEmpty(titleEn)
    	   holder.tvNewsSummary.text = StringUtils.trimToEmpty(summary)
    	   holder.tvExtraInf = "难度:$gradeInfo | 单词数:$length | 读后感: $numReviews"
           ...   
       
       }
    
    }
    ```
    

    使用run函数后的优化

    ```
    override fun onBindViewHolder(holder: ViewHolder, position: Int){
       
      getItem(position)?.run{
          holder.tvNewsTitle.text = StringUtils.trimToEmpty(titleEn)
    	   holder.tvNewsSummary.text = StringUtils.trimToEmpty(summary)
    	   holder.tvExtraInf = "难度:$gradeInfo | 单词数:$length | 读后感: $numReviews"
           ...   
       
       }
    
    }
    
    ```
    

    五、内联扩展函数之apply

    • 1、apply函数使用的一般结构

      object.apply{
      //todo
      }
      
    • 2、apply函数的inline+lambda结构

      @kotlin.internal.InlineOnly
      public inline fun <T> T.apply(block: T.() -> Unit): T { block(); return this }
      
    • 3、apply函数的inline结构分析

    从结构上来看apply函数和run函数很像,唯一不同点就是它们各自返回的值不一样,run函数是以闭包形式返回最后一行代码的值,而apply函数的返回的是传入对象的本身。

    • 4、apply函数的kotlin和Java转化

      //kotlin
      
      fun main(args: Array<String>) {
          val user = User("Kotlin", 1, "1111111")
      
          val result = user.apply {
              println("my name is $name, I am $age years old, my phone number is $phoneNum")
              1000
          }
          println("result: $result")
      }
      
      //java
      
      public final class ApplyFunctionKt {
         public static final void main(@NotNull String[] args) {
            Intrinsics.checkParameterIsNotNull(args, "args");
            User user = new User("Kotlin", 1, "1111111");
            String var5 = "my name is " + user.getName() + ", I am " + user.getAge() + " years old, my phone number is " + user.getPhoneNum();
            System.out.println(var5);
            String var3 = "result: " + user;
            System.out.println(var3);
         }
      }
      
      
    • 5、apply函数的适用场景

    整体作用功能和run函数很像,唯一不同点就是它返回的值是对象本身,而run函数是一个闭包形式返回,返回的是最后一行的值。正是基于这一点差异它的适用场景稍微与run函数有点不一样。apply一般用于一个对象实例初始化的时候,需要对对象中的属性进行赋值。或者动态inflate出一个XML的View的时候需要给View绑定数据也会用到,这种情景非常常见。特别是在我们开发中会有一些数据model向View model转化实例化的过程中需要用到。

    • 6、apply函数使用前后的对比

    没有使用apply函数的代码是这样的,看起来不够优雅

    ```
    mSheetDialogView = View.inflate(activity, R.layout.biz_exam_plan_layout_sheet_inner, null)
            mSheetDialogView.course_comment_tv_label.paint.isFakeBoldText = true
            mSheetDialogView.course_comment_tv_score.paint.isFakeBoldText = true
            mSheetDialogView.course_comment_tv_cancel.paint.isFakeBoldText = true
            mSheetDialogView.course_comment_tv_confirm.paint.isFakeBoldText = true
            mSheetDialogView.course_comment_seek_bar.max = 10
            mSheetDialogView.course_comment_seek_bar.progress = 0
    ```
    

    使用apply函数后的代码是这样的

    ```
    mSheetDialogView = View.inflate(activity, R.layout.biz_exam_plan_layout_sheet_inner, null).apply{
       course_comment_tv_label.paint.isFakeBoldText = true
       course_comment_tv_score.paint.isFakeBoldText = true
       course_comment_tv_cancel.paint.isFakeBoldText = true
       course_comment_tv_confirm.paint.isFakeBoldText = true
       course_comment_seek_bar.max = 10
       course_comment_seek_bar.progress = 0
    
    }
    
    ```
    

    多层级判空问题

    ```
    	if (mSectionMetaData == null || mSectionMetaData.questionnaire == null || mSectionMetaData.section == null) {
    			return;
    		}
    		if (mSectionMetaData.questionnaire.userProject != null) {
    			renderAnalysis();
    			return;
    		}
    		if (mSectionMetaData.section != null && !mSectionMetaData.section.sectionArticles.isEmpty()) {
    			fetchQuestionData();
    			return;
    		}
    ```
    

    kotlin的apply函数优化

    ```
    mSectionMetaData?.apply{
    
    //mSectionMetaData不为空的时候操作mSectionMetaData
    
    }?.questionnaire?.apply{
    
    //questionnaire不为空的时候操作questionnaire
    
    }?.section?.apply{
    
    //section不为空的时候操作section
    
    }?.sectionArticle?.apply{
    
    //sectionArticle不为空的时候操作sectionArticle
    
    }
    
    ```
    

    六、内联扩展函数之also

    • 1、also函数使用的一般结构

      object.also{
      //todo
      }
      
    • 2、also函数的inline+lambda结构

      @kotlin.internal.InlineOnly
      

    @SinceKotlin(“1.1”)
    public inline fun T.also(block: (T) -> Unit): T { block(this); return this }
    ```

    • 3、also函数的inline结构分析

    also函数的结构实际上和let很像唯一的区别就是返回值的不一样,let是以闭包的形式返回,返回函数体内最后一行的值,如果最后一行为空就返回一个Unit类型的默认值。而also函数返回的则是传入对象的本身

    • 4、also函数编译后的class文件

      //kotlin
      
      fun main(args: Array<String>) {
          val result = "testLet".also {
              println(it.length)
              1000
          }
          println(result)
      }
      
      //java
      
      public final class AlsoFunctionKt {
         public static final void main(@NotNull String[] args) {
            Intrinsics.checkParameterIsNotNull(args, "args");
            String var2 = "testLet";
            int var4 = var2.length();
            System.out.println(var4);
            System.out.println(var2);
         }
      }
      
    • 5、also函数的适用场景

      适用于let函数的任何场景,also函数和let很像,只是唯一的不同点就是let函数最后的返回值是最后一行的返回值而also函数的返回值是返回当前的这个对象。一般可用于多个扩展函数链式调用

    • 6、also函数使用前后的对比

      和let函数类似

    七、let,with,run,apply,also函数区别

    通过以上几种函数的介绍,可以很方便优化kotlin中代码编写,整体看起来几个函数的作用很相似,但是各自又存在着不同。使用的场景有相同的地方比如run函数就是let和with的结合体。下面一张表格可以清晰对比出他们的不同之处。

    函数名 定义inline的结构 函数体内使用的对象 返回值 是否是扩展函数 适用的场景
    let fun <T, R> T.let(block: (T) -> R): R = block(this) it指代当前对象 闭包形式返回 适用于处理不为null的操作场景
    with fun <T, R> with(receiver: T, block: T.() -> R): R = receiver.block() this指代当前对象或者省略 闭包形式返回 适用于调用同一个类的多个方法时,可以省去类名重复,直接调用类的方法即可,经常用于Android中RecyclerView中onBinderViewHolder中,数据model的属性映射到UI上
    run fun <T, R> T.run(block: T.() -> R): R = block() this指代当前对象或者省略 闭包形式返回 适用于let,with函数任何场景。
    apply fun T.apply(block: T.() -> Unit): T { block(); return this } this指代当前对象或者省略 返回this 1、适用于run函数的任何场景,一般用于初始化一个对象实例的时候,操作对象属性,并最终返回这个对象。
    2、动态inflate出一个XML的View的时候需要给View绑定数据也会用到.
    3、一般可用于多个扩展函数链式调用
    4、数据model多层级包裹判空处理的问题
    also fun T.also(block: (T) -> Unit): T { block(this); return this } it指代当前对象 返回this 适用于let函数的任何场景,一般可用于多个扩展函数链式调用
    1

    欢迎关注Kotlin开发者联盟,这里有最新Kotlin技术文章,每周会不定期翻译一篇Kotlin国外技术文章。如果你也喜欢Kotlin,欢迎加入我们~~~

    Kotlin系列文章,欢迎查看:

    Kotlin邂逅设计模式系列:

    数据结构与算法系列:

    翻译系列:

    原创系列:

    Effective Kotlin翻译系列

    实战系列:

    展开全文
  • //死区 var tep = 890; if(true){ tep = 'abc' let tep } // typeof 不再是完全正确的 console.log(typeof c); let c; //不允许重复声明 let e = 123;... let e = 456// 'e' has already been declared
  • let和const命令

    万次阅读 2020-07-01 21:32:56
    1. let 命令 1.1 基本用法 ES6 新增的let命令,用来声明遍历,类似于var,但是声明的变量只在let命令所在的代码块内有效 var和let的区别是:let有块级作用域,var没有块级作用域 { let a = 10; var b = 1; } a // ...

    1. let 命令

    1.1 基本用法

    ES6 新增的let命令,用来声明遍历,类似于var,但是声明的变量只在let命令所在的代码块内有效

    varlet的区别是:let有块级作用域,var没有块级作用域

    {
      let a = 10;
      var b = 1;
    }
    
    a // ReferenceError: a is not defined.
    b // 1
    

    let声明了变量a,用var声明了变量b,然后在外部调用这两个变量,let声明的变量报错,var声明的变量返回了正确的值

    for循环的计数器就很适合let声明方式

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

    i是在for循环内部有效,在循环体外部引用报错

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

    如果使用var,最后输出的是10

    for循环的特别之处:设置循环变量的那部分的作用域和循环体内部的作用域是两个不同的作用域。

    for (let i = 0; i < 3; i++) {
      let i = 'abc';
      console.log(i);
    }
    // abc
    // abc
    // abc
    

    1.2 不存在变量提升

    var命令会发生“变量提升”现象,即变量可以在声明之前使用

    console.log(foo); // 输出undefined
    var foo = 2;
    

    let命令改变了语法行为,let声明的变量只能是在声明后使用,否则报错。

    console.log(foo); // 报错ReferenceError
    let foo = 2;
    

    1.3 暂时性死区

    只要块级作用域内存在let命令,它所声明的变量就会 “绑定” 这个区域,不再受外部的影响。

    var tmp = 123;
    
    if (true) {
      tmp = 'abc'; // ReferenceError
      let tmp;
    }
    

    上述代码,全局环境中存在一个变量tmp,但是在块级作用域内let又声明了一个局部变量tmp,会导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。

    在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”

    if (true) {
      // TDZ开始
      tmp = 'abc'; // ReferenceError
      console.log(tmp); // ReferenceError
    
      let tmp; // TDZ结束
      console.log(tmp); // undefined
    
      tmp = 123;
      console.log(tmp); // 123
    }
    

    上述代码,在let声明变量tmp之前,都属于tmp的死区

    暂时性死区会导致typeof不再是一个完全安全的操作

    typeof x; // ReferenceError
    let x;
    

    如果一个变量从未声明过,那么typeof不会报错

    typeof variable // undefined
    

    上述代码,variable是一个不存在的变量名,结果返回undefined

    一些隐蔽的死区,不容易被发现

    function bar(x = y, y = 2) {
      return [x, y];
    }
    
    bar(); // 报错
    

    上述代码,调用函数bar 之所以报错,因为参数x默认值为y,但是y此时还没有声明,属于死区状态,如果y的默认值是x,就不会报错,因为x已经声明过了

    function bar(x = 2, y = x) {
      return [x, y];
    }
    bar(); // [2, 2]
    

    1.4 不允许重复声明

    let不允许在相同作用域内,重复声明同一个变量。

    // 报错
    function func() {
      let a = 10;
      var a = 1;
    }
    
    // 报错
    function func() {
      let a = 10;
      let a = 1;
    }
    

    因此,不能在函数内部重新声明参数。

    function func(arg) {
      let arg;
    }
    func() // 报错
    
    function func(arg) {
      {
        let arg;
      }
    }
    func() // 不报错
    

    2. 块级作用域

    2.1 为什么需要会计作用域

    在ES5中只有全局作用域和函数作用域,没有块级作用域,可能会带来一些意料之外的场景

    第一中,内层变量可能会覆盖外层变量

    var tmp = new Date();
    
    function f() {
      console.log(tmp);
      if (false) {
        var tmp = 'hello world';
      }
    }
    
    f(); // undefined
    

    上述代码,if代码的外部使用的是外层tmp变量,内部使用的是内层的tmp变量,但是由于变量提升的原因,导致了内层的tmp覆盖了外层的tmp变量

    第二中,用来计数的循环变量成为了全局变量

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

    上述代码,变量i是用来控制循环,但是循环结束后,i并没有消失,成为了全局变量

    2.2 ES6的块级作用域

    let为 JavaScript 新增了块级作用域。

    function f1() {
      let n = 5;
      if (true) {
        let n = 10;
      }
      console.log(n); // 5
    }
    

    上述代码,有两个作用域块,f1()if,都声明了变量n,运行结果输出为5,这表示外层的代码块不会受到内层代码块的影响,如果使用var声明,最后结果才是10

    ES6 允许块级作用域的任意嵌套。

    {{{{
      {let insane = 'Hello World'}
      console.log(insane); // 报错
    }}}};
    

    上述代码使用了一个五层的块级作用域,每一层都是一个单独的作用域,第四层作用域无法访问第五层的作用域

    内层作用域可以定义外层作用域的同名变量

    {{{{
      let insane = 'Hello World';
      {let insane = 'Hello World'}
    }}}};
    

    3. const命令

    3.1 基本用法

    const声明一个只读的常量,常量的值不能被改变

    const PI = 3.1415;
    PI // 3.1415
    
    PI = 3;
    // TypeError: Assignment to constant variable.
    

    修改常量的值会报错

    const PI
    // SyntaxError: Missing initializer in const declaration
    

    如果只声明,不赋值也会报错

    const的作用域与let命令相同:只在声明所在的块级作用域内有效

    if (true) {
      const MAX = 5;
    }
    
    MAX // Uncaught ReferenceError: MAX is not defined
    

    const命令也没有变量提升,也存在暂时性死区

    if (true) {
      console.log(MAX); // ReferenceError
      const MAX = 5;
    }
    

    const声明的常量,也与let一样不可重复声明。

    var message = "Hello!";
    let age = 25;
    
    // 报错
    const message = "Goodbye!";
    const age = 30;
    

    3.2 本质

    const的本质,并不是保证变量的值不会被改动,而是保证变量的指向的内存地址所保存的数据不会被改动,但是对于复合类型,比如对象和数组,变量指向的是内存地址,保存的是一个指向数据的指针,const只能保证指向的变量的指针不会改变,但是指针指向的数据结构,const不能控制

    const foo = {};
    
    // 为 foo 添加一个属性,可以成功
    foo.prop = 123;
    foo.prop // 123
    
    // 将 foo 指向另一个对象,就会报错
    foo = {}; // TypeError: "foo" is read-only
    

    数组例子

    const a = [];
    a.push('Hello'); // 可执行
    a.length = 0;    // 可执行
    a = ['Dave'];    // 报错
    

    如果让数据结构不被改变,可以将对象冻结 使用Object.freeze方法

    const foo = Object.freeze({});
    
    // 常规模式时,下面一行不起作用;
    // 严格模式时,该行会报错
    foo.prop = 123;
    

    4. 顶层对象的属性

    顶层对象在浏览器当中指的是window对象,在 Node 指的是global对象

    ES5中,顶层对象和全局变量是相等的

    window.a = 1;
    a // 1
    
    a = 2;
    window.a // 2
    

    在ES6中,用let命令、const命令、class命令声明的全局变量,不属于顶层对象的属性

    var a = 1;
    window.a // 1
    
    let b = 1;
    window.b // undefined
    

    全局变量avar命令声明,所以它是顶层对象的属性;全局变量blet命令声明,所以它不是顶层对象的属性,返回undefined

    展开全文
  • let关键字

    万次阅读 2017-07-18 22:58:54
    let关键字引入let的原因正是var的局限性,相比于var,let有以下几点优势:1. 作用域var的作用域是会提升的,var声明的变量只能是全局的或者是整个函数块的。let则允许声明一个作用域被限制在块级中的变量、语句或者...

    let关键字

    引入let的原因正是var的局限性,相比于var,let有以下几点优势:

    1. 作用域

    var的作用域是会提升的,var声明的变量只能是全局的或者是整个函数块的。

    let则允许声明一个作用域被限制在块级中的变量、语句或者表达式。

    for(var i = 0; i < 5; i++) {
    
    }
    console.log(i);

    上面的代码中使用的是var,那么最终的输出结果将会是5,因为i虽然是在for循环中声明的,但是作用域会被提升到函数块的边界或者直至全局。

    但是如果使用的是let,将会报错:

    let1]![(E:\JavaScript\Note\image\let1.PNG)

    这是因为在这里声明的i被局限于for循环这个块中,出了这个块自然就找不到i这个变量了。

    需要注意的是,在程序的顶层,let并不会像var那样将声明的变量加到全局对象上去:

    let2]![(E:\JavaScript\Note\image\let2.PNG)

    但是。。在nodejs中var声明的变量也没有加到全局对象上,???

    let t1 = 0;
    var t2 = "???";
    console.log(this.t1);//undefined
    console.log(this.t2);//undefined
    

    这点以后再仔细追究。

    2. 对let块级作用域的使用:

    打印出li的序号:

    如果使用var来定义循环控制变量

            var oLi =document.getElementById('test').getElementsByTagName('li');
    
            for(var i = 0; i < oLi.length; i++) {            
                oLi[i].onclick =function(event) {
                    console.log(i);
                }
            }

    那么在点击时输出的结果将会是相同的,都是li的个数。

    如果使用let

            var oLi =document.getElementById('test').getElementsByTagName('li');
    
            for(let i = 0; i < oLi.length; i++) {            
                oLi[i].onclick =function(event) {
                    console.log(i);
                }
            }

    那么最终输出的结果将会是正确的。

    这是为什么呢?

    因为var声明的i对应的是全局变量,也就是说i是在循环之外存在的。所以每次点击都对应同一个i,而i是全局的,所以在循环结束后,i的值就已经确定了,因此每次点击出来的都是一样的。

    但是如果使用了let,那么使用的将是块级作用域,也就是说,每个点击事件都会进入一个不同的块,所以每个点击都会输出正确的序号。

    这些就是现在我对let关键字的理解了,如果以后还有新的理解会继续添加进来。

    展开全文
  • let和const

    万次阅读 多人点赞 2019-06-02 22:03:41
    Let和const 和var的作用是一致的,声明变量! 由此引出一个概念: letlet声明的变量只对自己的块级作用域有效: 块级作用域:{ }包起来的就是一个块级作用域! ES6是强制使用严格模式的!不用使用的"use ...
    • Let和const

    和var的作用是一致的,声明变量!

    由此引出一个概念:

    let

    let声明的变量只对自己的块级作用域有效:

    块级作用域:{  }包起来的就是一个块级作用域!

    ES6是强制使用严格模式的!不用使用的"use strict"

    严格模式:变量未声明不能引用,否则会报引用错误!

    使用let不能重复声明一个变量!!!!

    const

    定义常量,不能修改!

    声明的时候必须赋值!

    也是存在块级作用域的概念的!存储的是数字不能修改,存储的对象是引用类型,k是指向的是对象的指针!!看结果!

    function last(){
      const p=3;
      const k={
        a:1
      }
      k.b=3;
      console.log(p,k);
    }
    last();
    // 结果是 3,k:{a:1,b:3}

     

     

     

     

    展开全文
  • let命令

    千次阅读 2016-12-08 16:44:40
    基本用法ES6新增了let命令,用来声明变量。它的用法类似var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 9; } a // ReferenceError: a is not defined. b // 9上面的代码块里,分别...
  • let 函数

    千次阅读 2018-07-01 19:49:15
    let 函数让处理可空表达式变得更容易,和安全运算符一起,它允许你对表达式求值,检查求值结果是否为null,并把结果保存为一个变量。
  • let & letn 区别

    千次阅读 2013-04-05 00:19:39
    letletn 都可以同时定义多个局部变量。比如:> (let ((x 1) (y 2)) (list x y)) (1 2)和下面的功能相当:> (letn ((x 1) (y 2)) (list x y)) (1 2)但是,当y的初始值依赖于x时,let不支持这种初始化方式,只能...
  • let var const var关键字 var关键字的用法 js中声明变量的关键字。 var num = 1; 如果在函数作用域中声明,为局部变量;如果在全局中声明,则为全局变量。 num = 2; 这种写法实际上是赋值,如果在函数作用域中赋值...
  • vue之let

    千次阅读 2019-05-08 17:51:49
    let const   let es6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。   上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块...
  • JavaScript let (EcmaScript 6 let), JavaScript 局部变量。 let声明一个块级域的局部变量,并且可以同时初始化该变量。 语法 1 let var1 [= value1] [, var2 [= value2]] [,...
  • JS let关键字

    千次阅读 2018-01-16 17:19:47
    let,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 与var 区别; let不像var那样会发生“变量提升”现象 console.log(foo); // 输出undefined console.log(bar); // ...
  • scheme let

    千次阅读 2013-12-16 21:14:15
    #!/usr/bin/racket #lang scheme (display (let ([x 5]) (let ([x 2] [y x]) (list y x)))) (newline) 结果 (5 2)
  • 1let命令 1.1基本用法 1.2for循环小案例 1.3不存在变量提升 1.4暂时性死区 1.5不允许重复声明 2块级作用域 2.1为什么需要块级作用域? 2.2ES6 的块级作用域 2.3块级作用域和函数声明 3const 3.1本质 4...
  • let的使用

    2017-04-09 16:17:24
    1.let的用法类似于var。不过,所声明的变量,只在let命令所在的代码块内有效。 2.let不存在变量提升 3.暂时性死区:在代码块内,使用let命令声明变量之前,该变量是不可用的。
  • //很多iOS程序员,从OC转向swift,就像身在曹营心在汉,写着swift代码,却怀揣了一颗OC的心,...和 guard let在项目里不用你依然可以完成工作,但是这两个方法其实挺重要的 //不啰嗦了,开始上代码解释  
  • js中const,var,let区别与用法

    万次阅读 多人点赞 2018-07-09 10:48:04
    主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确 2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//...
  • Kotlin let操作符

    2019-12-21 11:00:41
    let扩展函数的实际上是一个作用域函数,当你需要去定义一个变量在一个特定的作用域范围内,let函数的是一个不错的选择;let函数另一个作用就是可以避免写一些判断null的操作。 1、let函数的使用的一般结构 object....
  • ES6 - let命令

    千次阅读 2019-09-09 16:33:17
    (1)let 命令用来声明变量,用法类似于 var ,但是所声明的变量只在 let 命令所在的代码块内有效: if(true){ let a = 100 var b = 100 } console.log(b)//100 console.log(a)//ReferenceError: a is not ...
  • var 和 let详解

    千次阅读 2018-11-27 10:33:52
    ES6新增let命令,用来声明变量。let的用法和var有以下几点区别: 1. 浏览器的预解析策略不同 浏览器在运行代码之前会预解析,首先解析函数声明,变量定义,解析完后再对函数变量进行运算、赋值等。  -var变量,...
  • Swift 基本语法-"if let"和"guard let

    千次阅读 2018-05-14 17:06:02
    let"和"var"Swift 基本语法04-"switch"和"for"Swift 基本语法05-"String"Swift 基本语法06-数组和字典1. if let用法1.1 普通if与if let的比较1&gt; 如果常量是可...
  • ES6 (一) let 与 const

    千次阅读 2020-04-24 15:47:41
    let 声明的变量只在 let 命令所在的代码块内有效,切不能重复声明。 const 声明一个只读的常量,一旦声明,常量的值就不能改变。 对比三中声明变量的方式,我们举一个通俗点的例子 var 像是一个渣男,可以随意...
  • let 声明相关问题

    2018-01-10 16:32:56
    1 let 声明的变量不会声明提前 2 只声明未赋值 默认值为undefined 3 let 不能重复声明同一个变量 4 let 声明的变量为块级作用域

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 342,022
精华内容 136,808
关键字:

let