简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 《JS变量与常的声明赋值、JS常用数据类型》
Blogger Information
Blog 26
fans 1
comment 1
visits 19464
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
《JS变量与常的声明赋值、JS常用数据类型》
杨凡的博客
Original
580 people have browsed it

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.         // 变量可以将声明与初始化分成两步
  21.         // 常量是特殊的变量：只读变量
  22.         // 常量声明后既不能删除，也不能更新
  23.         // 常量声明与初始化必须同步完成，
  24.         const name = 'PHP中文网';
  25.         console.log(name);
  26.     </script>
  27. </body>
  28. </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);
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！