react笔记之变量笔记

2023-03-16 06:47:13 阅读次数：102

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>变量</title>
    <script>
        /*
        *   var
        *       - 没有块级作用域
        *   let
        *       - 有块级作用域
        *   const
        *       - 和let类似，具有块级作用域，但是它只能赋值一次
        *       - 使用场景：
        *           1. 对于一些常量可以使用const声明
        *           2. 对于一些对象（函数）也可以使用const声明
        *                  这样可以避免对象（函数）被意外修改
        * */
        {
            let a = 10;
        }

        // console.log(a);

        for(let i=0; i<5; i++){
            console.log('循环内部-->', i);
        }

        // console.log('循环外部-->', i);

        (function (){
            if(false){
                var b = 33;
            }
        })();


        if(false){
            let b = 33;
        }

        // console.log(b);

        const c = 44;
        // c = 'hello';

        const PI = 3.14;


        // console.log(c);

        const obj = {name:'孙悟空'};
        obj.age = 18;

        const fn = function (){

        };

        console.log(obj.age);

    </script>
</head>
<body>

</body>
</html>

上一篇：前端项目实战134-利用对象render出按钮

下一篇：Vue课程51-v-model的修饰符

推荐标签

作者介绍

天翼云小翼

天翼云用户

文章

25746

阅读量

3149386

活动

应用商城

合作伙伴

开发者

支持与服务

了解天翼云

react笔记之变量笔记

react笔记之变量笔记

相关文章

Vue3学习笔记（1.0）

Vue3学习笔记（2.0）

Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误

vue课程71 deep选项

Vue.js基础体验（一）

Vue 的 Axios 如何接受表单的数据

Vue 3 x JSX 语法全面指南（因为项目使用了naiveUI组件库才逐渐接触了vue的JSX语法）

在 Vue 3 中使用 Axios（从入门到项目实践）

Vue 实现一键复制到剪切板的多种解决方案---不同情境下有不同方法选择

Vue.js 表格组件设计与实现解析（搜索框篇）---基于naiveUI库

作者介绍

最新文章

Vue3学习笔记（1.0）

Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误

Vue.js基础体验（一）

Vue 项目引入并使用 ECharts 及常见问题

Vue项目中实现Pinia持久化

Vue.js 表格组件设计与实现解析（搜索框篇）---基于naiveUI库

热门文章

如何查看Vue使用的版本

Vue课程55-强调v-for中key值得注意点

Vue封装组件库-input组件

Vue课程5-webpack基础-创建列表隔行变色项目

Vue番外之循环数组从指定下标开始

Vue课程8-指定webpack的entry和output

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

TS-头文件使用细节

Vue课程14-webpack中的loader

如何查看Vue使用的版本

JSX-灵活性

Vue学习之-Vue生命周期beforeCreate、created、beforeMount、mounted、beforeDestroy 。。。（图解详细过程）

Vue.js基础体验（一）