JS基本语法

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             /*
 8             控制浏览器弹出一个警告框alert();
 9             让计算机在页面中输出一个内容document.write();可以向body中输出一个内容
10             向控制台输出一个内容console.log();
11             
12             可以将js代码编写到外部js文件中,然后通过script标签引入
13             <script type="text/javascript" src="js/script.js"></script>
14             写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,推荐使用
15             script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略,
16             如果需要则可以再创建一个新的script标签用于编写内部代码
17             */
18            
19             alert("i am handsome!");
20             document.write("heihei");
21             console.log("向控制台输出一个内容");
22         </script>
23         <style type="text/css">
24     
25        </style>
26     </head>
27     <body>
28         <!--
29         可以将js代码编写到标签的onclick属性中
30         当我们点击按钮中,js代码才会执行
31         虽然可以写在标签的属性中,但是它们属性结构与行为耦合,不方便维护,不推荐使用
32         -->
33          <button onclick="alert('点我干嘛啦~!( o=^•ェ•)o ┏━┓')">button</button>
34     <!--
35     可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码
36     -->
37     <a href="javascript:alert('(●ˇ∀ˇ●)让你点你就点');">你也点我一下啦!</a>
38     </body>
39 </html>

1.注释
   多行注释 注释的内容不会被执行,但是可以在源代码中查看
   单行注释 // 
2.js中严格区分大小写
   每一条语句以分号结尾; 如果不写分号浏览器会自动添加,但是会消耗一些系统资源
   而且有时浏览器会加错分号,所以开发中分号必须写

3.js会忽略多个空格和换行,所以可以利用空格和换行对代码进行格式化

4.

DOM 提供一系列的属性和方法,让我们获取元素以及操作元素
BOM 提供一系列的属性和方法,让我们操作浏览器

5.声明变量的方法 declare
传统方案 var function
新的方案 let const import
var n;
function fn(){};//声明的一个变量叫fn,只不过存储的数据值是一个函数
const x;
let m;
import z from './xx'; //ES6Module中的模块导入,把导入的模块存储到z变量中

6.命名规范
基于 数字/字母/下划线/$ 命名
数字不可以是名字的开始
$一般会作为名字的开始,很少会放中间
基于驼峰命名法
复杂名称由多个单词拼接成
第一个单词首字母小写
其余每一个有意义哦单词的首字母大写
语意华明显
不能使用关键字和保留字
关键字:JS中特殊含义的var let const function import break ```
保留字:未来会成为关键字,现在保留下来的字

 

posted @ 2019-07-16 14:24  zuiaimiusi  阅读(191)  评论(0编辑  收藏  举报