博客列表 >《JS变量与常的声明赋值、JS常用数据类型》

《JS变量与常的声明赋值、JS常用数据类型》

杨凡的博客
杨凡的博客原创
2021年01月04日 16:27:39579浏览

JS认识

  1. js是异步的单线程脚本语言
  2. 运行方式:主线程方式运行,同时存在事件处理程序,事件回调方法需要等主线程代码全部执行完毕后,由事件循环将它压入到主线程执行

JS引入方式

  1. 属性级:事件属性
  2. 标签级:script标签
  3. script标签的src属性引入

变量与常量的声明与赋值

js中申明常量和变量的方式有以下几种

传统js没有常量,且变量可以重复申明
  1. var声明变量,且可以重复声明,定义的变量可以修改,如果不初始化会输出undefined,不会报错。
  2. let声明变量,禁止重复声明,是块级作用域,函数内部使用let定义后,对函数外部无影响
  3. const声明的变量不可以修改,且声明与初始化必须同步完成,常用于申明常量使用
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>变量与常量</title>
  7. </head>
  8. <body>
  9. <script>
  10. let username;
  11. console.log(username);
  12. // 初始化:第一次赋值
  13. username = '百万弟弟';
  14. console.log(username);
  15. // 更新:第二次以上的赋值
  16. username = '你好';
  17. console.log(username);
  18. // let 禁止重复声明
  19. // 变量可以将声明与初始化分成两步
  20. // 常量是特殊的变量:只读变量
  21. // 常量声明后既不能删除,也不能更新
  22. // 常量声明与初始化必须同步完成,
  23. const name = 'PHP中文网';
  24. console.log(name);
  25. </script>
  26. </body>
  27. </html>

数据类型

原始类型,值传递

  1. 数值:整数和小数(number)
    1. let age = 30;
    2. console.log(age,typeof age);
  2. 字符串(string)
    1. let email = '18332818@qq.com';
    2. console.log(email,typeof email)
  3. 布尔(boolean)
    1. let isMarried = true;
    2. console.log(isMarried,typeof isMarried);
  4. undefined,未初始化变量的默认值(undefined)
    1. let email = '18332818@qq.com';
    2. console.log(email,typeof email)
  5. null,空对象(object)
    1. let obj= null;
    2. console.log(obj,typeof obj);
  6. 符号类型,创建对象属性的唯一标识(symbol)
    1. let s = Symbol();
    2. console.log(s,typeof s);

引用类型,引用传递

  1. 对象
    1. let user = {
    2. id: 1,
    3. name:'百万弟弟',
    4. 'my email':'183332818@qq.com',
    5. getName:function(){
    6. return '我的名字:'+this.name
    7. }
    8. }
    9. //访问对象属性
    10. console.log(user.id,user.name,user.getName);
    11. //访问带空格属性
    12. console.log(user['my email']);
    13. //访问对象函数
    14. console.log(user.getName());
  2. 数组
    1. let course = [1,'js',88];
    2. // 检查是否为数组
    3. console.log(Array.isArray(course));
    4. console.log(course[2]);
  3. 函数
    1. function hello(){}
    2. console.log(hello,typeof hello);
    3. // 添加属性
    4. hello.email = 'php@php.cn';
    5. console.log(hello.email);
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议