博主信息
博文 20
粉丝 0
评论 0
访问量 16546
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
第9章 JS编程环境与基本语法——2019年5月05日22:00
KA的博客
原创
852人浏览过

    5月5日作业

  1. 如何正确的声明与定义变量?



2. 变量

2.1 变量定义

变量: 由名称和值二部分组成,变量名是对值的具名引用,是程序中临时存储数据的容器

var age = 30;变量名age,变量值30,值可用名称直接引用:age //30

变量创建分为: 变量声明, 变量赋值(初始化)二步

声明: var age;

赋值: age = 30;

变量名区分大小写: age与Age是完全不同的2个变量名

var age = 30;

var Age = 40;

age //30

Age //40

大多情况下,变量和变量名可以混用,并不会产生混淆

2.2 变量声明

关键字(var): var age; // 声明变量,age是变量名

不可删除: delete age; // false

重复声明已赋值变量无效:var x=1; var x;// x仍为1,无效

2.3 变量赋值

初始化(initialize): 变量的第一次赋值

默认值: 声明时未赋值,则引擎自动将变量值初始化为:undefined

undefined是特殊值,表示此处应该或可以有值,但是未定义或未明确赋值

声明未初始化 : 其实自动执行了二条语句

var age; // 声明时未初始化

age = undefined; // 自动初始化为undefined

检测默认值: age === undefined // true

声明并初始化: 声明与赋值可以同步进行:var age = 30;等价于

var age; // 声明

age = 30; // 赋值

未声明直接初始化

自动成为全局对象(window)属性,即全局变量,有二种访问方式:

num: 可在脚本的任何地方直接访问

window.num: 以全局对象属性方式访问

因为是对象自定义属性,所以可以删除: delete num;//true

动态类型: 通过赋值可随时改变变量值的类型

var x=1; // 数值型

x='china'; // 字符串类型

动态的值: 重复声明时还进行了赋值,则会覆盖原值

var x = 1; //声明并初始化

var x = 2; //重复声明并初始化

注意: 对已声明变量赋值时不要添加var,否则会创建新变量并初始化







实例

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>变量的声明与定义</title>
</head>
<body>
    <script>
   var i;//使用var关键值声明变量,变量的默认值为undefined
   i=0;
   var j=i+2;
   console.log(j);//在控制台输出变量j的值
    </script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例






    2. 变量的提升是原理,如果实现的?

       变量提升

       JavaScript引擎工作原理: 先解析代码,获取到全部已经被声明的变量,然后再逐行执行代码

       导致所有变量声明语句,会直接提升到脚本(函数)头部,这种独有的现象叫:变量提升

       特别提醒: 变量提升有二层含义:

       变量: 必须是通过var关键字声明的变量

       提升: 特指是变量声明的提升,而非变量赋值


实例

<!DOCTYPE html>
<html lang="zh-cn">
   <head>
       <meta charset="UTF-8">
       <title>变量的声明与定义</title>
   </head>
<body>
   <script>
       console.log(a);//在打印输出语句前未声明变量,此时输出的值为undefined
       var a=10;//声明变量,并赋值
       //上面的代码会将变量a自动提升到代码的顶部,效果如下:
       //var a;
       //console.log(a);
       //a=10;
   </script>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


3. 分支结构有几种, 多分支与switch的实现过程

  四类:

 1.单双支,(if)

 2.双分支(三元表达式),

 3.多分支(if,else if,else if),

  4.switch结构 (switch case)


  多分支

实例

var a=60;

var res='';

if {条件1} {

      返回结果1;

     } else if (条件2) {

       返回结果2;

     } else {

       返回结果3;

     }

运行实例 »

点击 "运行实例" 按钮查看在线实例


  switch

实例

var a=60;

var res='';

switch (true) {

        case (条件1):

        res=返回结果1;

        break;

        case (条件2):

        res=返回结果2;

        break;

        default:res=返回结果3;

}

运行实例 »

点击 "运行实例" 按钮查看在线实例




批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学