变量的申明方式

最新推荐文章于 2023-06-27 08:55:27 发布

卡夫卡的baby

最新推荐文章于 2023-06-27 08:55:27 发布

阅读量177

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_72303943/article/details/126230704

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

变量的申明方式

变量的申明方式（变量的创建方式）

= 代表赋值，把右边的内容，存放到左边的变量中。（也就是向左边的变量里放内容。）

注意：

变量只申明，未赋值，console控制台，会输出undefind (未定义的)。

     {
           let num1,num2;
           console.log(num1, num2)
       }

<title>变量的申明</title>
</head>
<body>
    <script>
        // 变量的申明
        {
            let a = 10;
            let b = a;
            let c = b;
            // console   向控制台输出
            console.log('b这个变量里存放的内容是: '+b);
            console.log('b这个变量里存放的内容是: '+c);
        }


        {
            // 1.先申明， 后赋值
            let url,mycolor;
            url = 'https://www.163.com';
            mycolor = 'lightgreen';
            // 注意：
            // 字符串中 ，直接 放置变量， 变量不会被解析
            // 把一个大的字符串， 变成 两个 小的字符串， 中间 用 + 加号 连接 这个变量 ，这时， 这个变量， 就可以被浏览器渲染
            document.write('<a href="'+url+'">网易</a>');

            document.write('<br/>');
            document.write('<a href="'+url+'" style="color:'+mycolor+';">网易</a>');
        }

        {
            document.write('<br/>')

            // 2.申明和赋值同时进行
            let url = 'https://www.163.com';
            document.write('<a href="'+url+'"target="_blank">网易</a>');
        }


        {
            // 3.一次声明多个变量，然后再赋值

            // 4.一次声明多个变量同时进行赋值
            let uname = '小李子' , age = 50, sex = '男';
            console.log(uname,age,sex);
        }


        {
            // 变量只申明，未赋值，console控制台，会输出undefind (未定义的)
            // let num1,num2;
            // console.log(num1,num2);
        }
    </script>

浏览器渲染时：

1、点第一个和第二个网址时，会在原来的基础上打开网址，覆盖原浏览器

2、点第三个时，因为加了 target=—blank 的效果，网址时重新打开的，不覆盖原浏览器

预览效果：