标签：语法变量 script 代码 JavaScript 笔记 JS 学习 let

目录
1.前言
2.JavaScript介绍
3.JavaScript书写位置
4.注释
5.输入与输出语法
6.变量
7.小知识
8.总结（其实是我个人的一点扯皮）

前言

博主的csdn地址：https://blog.csdn.net/2403_87169202
今后会两边同时更新，程序员红中，一个努力分享编程干货的全栈开发者，欢迎各位一起讨论学习

JavaScript介绍

js是javaScript的简称，作用是实现页面和用户的交互，JavaScript是由浏览器解析运行，不需要编译，同时它由es基础语法，bom浏览器相关，dom文档操作相关三大部分组成

js权威网站:http://developer.mozilla.org/zh-CN/docs/Web/javaScript
各位可以在这个网站上找到大部分JavaScript需要的东西

JavaScript书写位置

内部javaScript直接写在html文件里，用script标签包裹

规范：script标签写在/body上面

注意事项：script标签放HTML文件底部附近是因为浏览器会按照代码在文件中的顺序加载，如果先加载script的内容可能会由于HTML还未加载而失去效果，因此通常将script代码放html页面底部是最好的。

<body>
  <!-- 内部js -->
  <script>
    // 弹出警示
    alert('你好,js~')
  </script>
</body>

而外部javaScript代码通常写在.js结尾的文件里

语法：通过script标签，引入html界面

注意事项：script标签中间无需写代码，否则会被忽略，外部JavaScript会让代码更加有序，更有利于重复使用，而且没有了脚本的混合，html更易读。

<body>
  <!-- 外部引用方式 -->
  <script src="/测试/my.js"></script>
</body>

alert('我是外部的js')
内联JavaScript代码写在标签内部

<body>
  <button onclick="alert('逗你玩')">点我小江年薪百万</button>
</body>

注释

单行注释

符号：//

作用：//右边这一行的代码会被忽略

快捷键：ctrl+/

块注释

符号：/**/

作用：在/和/之间的所有内容都会被忽略

快捷键：shift+alt+a

<body>
  <script>
    //这是单行注释
    /* 这是块注释 
    可以换行
    */
  </script>
</body>

结束符

作用：使用英文的 ; 代表语句的结束

实际情况：实际开发中，可写可不写，浏览器可以自动推断结束位置

现状：在实际开发中，越来越多人主张，写js代码时忽略结束符，所以为了风格统一，要么统一用结束符，要么都不写

<body>
  <script>
   alert('我有结束符');
   alert('我没有结束符')
  </script>
</body>

输入与输出语法

输出
document.write
翻译：文档.写

作用：向body内输出内容

注意：如果输出内容写的是标签，也会被解析成元素

<body>
  <script>
    document.write('要输出的内容')
  </script>
</body>

alert

翻译：警报

作用：页面弹出警示框

`<body>
  <script>
    alert('要输出的内容')
  </script>
</body>`

console.log

翻译：操作台.日志

作用：控制台输出语法，程序员调试用

<body>
  <script>
    console.log('1')
  </script>
</body>

输入

prompt
翻译：提示

作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户

<body>
  <script>
    prompt('请输入您的ID:')
  </script>
</body>

变量

介绍：变量是计算机用来储存数据的容器；

注意：变量不是数据本身，它只是储存的容器

声明语法：let+变量名

注意：除了let还有var，let是局部变量，var是全局变量，var的变量提升容易污染代码块，所以现在通常用let；

<body>
  <script>
    let A;
//let:允许
  </script>
</body>

赋值语法：变量名=数值

注：这种操作也叫变量初始化

<body>
  <script>
    let A;
    A=1
  </script>
</body>

更新变量

更新语法：重新赋值，一个变量只能储存一个数值

<body>
  <script>
    let age
    age=18
    age=19
  </script>
</body>

声明多个变量

语法：用逗号隔开

注：为了可读性，并不推荐这么做

<body>
  <script>
    let aa=18,bb='cc'
  </script>
</body>

变量本质

内存：计算机储存数据的地方，相当一个空间

变量：是程序在内存中申请一个储存数据的小空间

命名规则与规范

规则：不能用关键字，只能用下划线，字母，数字，$组成，不能数字开头，字母要严格区分大小写，如：Age和age是完全不同的变量

规范：起名要有意义，遵守小骆驼峰命名法（单词首字母小写，后面每个单词首字母大写，如：userName）

小知识

JavaScript代码执行顺序
1.按html顺序执行JavaScript代码

总结

本来想一口气把csdn的东西搬过来，但发现把所有内容进行markdowm语法加工实在是工作量庞大，所以只能先更新这么多，咱会慢慢跟上进度的，如果我的文章对你有帮助的话就点点赞吧，我会努力更新的！

标签：语法,变量,script,代码,JavaScript,笔记,JS,学习,let
From： https://www.cnblogs.com/hozhong/p/18528754

JS学习笔记（1）

前言