Community Learn Tools Library Leisure
search
English
Home > List of blog posts > js常量|js常量声明与赋值|js变量|js变量声明与赋值|js常用数据类型
Blogger Information
Blog 41
fans 0
comment 0
visits 41140
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常量声明与赋值|js变量|js变量声明与赋值|js常用数据类型
幸福敲门的博客
Original
828 people have browsed it

一、js常量声明与赋值|js变量声明与赋值

js常量声明与赋值

常量是特殊的变量:只读变量
常量声明后即不能删除,也不能更新
常量的声明与初始化必须同步完成
实际工作中尽可能的首选const常量，其次才考虑let

实例：

  1.  <script>
  2. //const: age常量声明
  3. const age = '19'; 
  4. // 输出19
  5. console.log(age);
  6.  </script>

图示：
常量

js变量声明与赋值

传统方式：传统js没有常量，且变量可以重复声明。var声明变量，常量。这种方式已经淘汰了。使用let来声明
注意：let 用来声明变量同时禁止重复声明变量。

实例：

  1. <script>
  2.  // 声明：let禁止重复声明
  3.  let  userName;
  4.   // 赋值
  5.    userName = 'php中文网';
  6.   console.log(userName);
  7.     </script>

图示：
变量

js标识符常识：

常量,变量,函数名…都叫js标识符
命名规范：能字母，数字，下划线，$ 且第一个不能是数字。标识符是严格区分大小写
蛇形+下划线：
let user_name=”phpcn”;
驼峰式：
let userName=”奇葩说7”；
大驼峰式：
let UserName=”我们的歌勤深深组合”;
匈牙利式：
let oBody = document.body;
oBody.style.background = ‘lightgreen

二、js常用数据类型

1.原始类型

原始类型：值传递、数值、字符串、布尔、undefind、null、symbol

实例（字符串）：

  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>js原始数据类型</title>
  7. </head>
  8. <body>
  9. <script>
  10.         // 数值: 整数和小数
  11.          // let age = 38;
  12.         //console.log(age, typeof age);
  13.         // 字符串
  14.         let email = 'tp@php.cn';
  15.          console.log(email, typeof email);
  16.          email = '邮箱:' + email;
  17.          console.log(email);
  18.        // 布尔
  19.         let isMarried = true;
  20.         // console.log(isMarried, typeof isMarried);
  21.         // undefined，未初始化变量的默认值
  22.         let gender;
  23.         // console.log(gender, typeof gender);
  24.         // null,空对象
  25.         let obj = null;
  26.         // console.log(obj, typeof null);
  27.         // 符号, 创建对象属性的唯一标识
  28.         // let s = Symbol('custom symbol');
  29.         // console.log(s, typeof s);
  30.         // 原始类型都是值传递的
  31.         let a = 100;
  32.         // 将变量的a的值,传递到了b中
  33.         // let b = a;
  34.         // console.log(b);
  35.         // a = 200;
  36.         // console.log(b);
  37.         // a的更新, 不会影响到b的值
  38. </script>
  39. </body>
  40. </html>

图示：
字符串

2.引用类型

引用类型：引用传递、对象、数组、函数

对象

  1. <script>
  2.       let user = {
  3.           id: 1,
  4.           name: '韦小宝',
  5.           'my email': 'wxb@email.com',
  6.           getName: function () {
  7.               return '我的名字：' + this.name;
  8.           }
  9.       }
  10.       console.log(user.id, user.name, user['my email']);
  11.       console.log(user.getName());
  12.   </script>

数组

  1. let course = [1, 'js', 88];
  2. // 正常情况下,检查数组返回对象
  3. console.log(Array.isArray(88));
  4. // 数组中的元素索引是从0开始,按索引来访问元素
  5. console.log(course[1]);

函数

  1.   <script>
  2.   function hello() {
  3.       console.log(test);
  4.   }
  5.   console.log(hello, typeof hello);
  6. </script>

三、js的引入方式

1.直接写到html的事件属性中

  1.  <button onclick="show(this)">click me</button>
  2. <script>
  3.           function show(ele){       console.log(ele.innerHTML);
  4.     }
  5. </script>

2.外部脚本，将js保存为一个单独的js文件，再通过scripte标签引入
3.如果这个js脚本只在当前html中使用则在script标签内写代码

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