react笔记之变量笔记

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

<!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的修饰符

推荐标签

作者介绍

天翼云小翼

天翼云用户

文章

24092

阅读量

2852927

活动

应用商城

合作伙伴

开发者

支持与服务

了解天翼云

react笔记之变量笔记

react笔记之变量笔记

相关文章

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项目中实现Pinia持久化

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

vue项目中常见vite配置 --- 文末附带完整项目代码,几乎涵盖普通项目标准配置（附有详细注释）

vue3搭建

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

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

作者介绍

最新文章

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 3 x JSX 语法全面指南（因为项目使用了naiveUI组件库才逐渐接触了vue的JSX语法）

热门文章

如何查看Vue使用的版本

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

Vue封装组件库-input组件

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

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

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

热门标签

相关产品

弹性云主机

天翼云电脑（公众版）

对象存储

云硬盘

随机文章

如何使用vue cli脚手架构建项目

vue路由

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

Vue3 路由入门

Vue零碎知识点（2）——vue引入外部js文件

JSX-灵活性