JavaScript基础语法介绍

JavaScript基础语法

一、JavaScript的引用

行内引入

内部引用

在html的<script></script>中直接编写JavaScript代码来实现，可以放置在head和body标签中，不需要外部文件，如果代码量过大不建议使用
建议放在body之后等待网页加载完毕后再加载JavaScript部分。

也可以通过

window.onload = function() {
    // 在这里写入你的代码，确保页面加载完成后执行
};

来等待页面加载完成

外部引用

将JavaScript编写在一个独立的.js外部文件中，通过script标签中的src属性引入到HTML页面中，适用于大型项目需要复用的代码片段。

二、书写语法

• 区分大小写：JavaScript所有都是区分大小写的
• 每行结尾的分号可有可无
• 注释

   //单行注释
   /* 多行注释
   落魄谷中寒风吹
   春秋蝉鸣少年归
   */

• 大括号代表代码块
  if(count == 3){};
• 输出语句
  //window.alert(“”) 导出警告框
  //document.write(“”) 写入HTML中输出
  //console.log(“”) 写入控制台

    window.alert("hello js");
    document.write("hello");
    console.log("hello");

代码效果，在浏览器中右键页面选择检查(快捷键F12)，在弹出的界面菜单中选择控制台(Console)

变量

• 在JavaScript中用var关键字(variable)声明变量。
• 该变量可以存放不同的值
• 变量名规则：
  1.可以由字母、数字、下划线(_)或美元字符($)
  2.变量名不能是关键字
  3.变量名区分大小写(建议用驼峰命名法)
  4.变量名不能以数字开头
  特点：全局变量，可以重复定义

var a = 10
a = "hello world"//可更改
var a = 100 //可重复定义

ECMAScript 6更新了let和const关键字：

//let定义变量（只在代码块内有效，可以改变，不能重复声明）
let b = 10;
b = "张三";
alert(b);
//const定义常量，一旦声明，不能修改
const c = 10;
alert(c);

• 错误演示：
• let
  不能重复声明
  
  只局部有效
  
  
• const
  不可修改
  
  
  只局部有效
  
  

数据类型

• JavaScript中分为原始类型和引用类型
• 原始类型：number string boolean null undefined symbol
  number：数字（整数、小数、NaN(Not a Number)）
  string：字符串
  boolean：布尔（true、false）
  null：对象为空
  undefined：当声明的变量没有初始化，该变量的默认值是 undefined
• 使用typeof运算符可以获取数据类型
  
  https://www.w3school.com.cn/js/pro_js_primitivetypes.asp
  

运算符

算术运算符：+ - * / % ++ --
赋值运算符：= += -= *= /= %=
比较运算符：> < >= <= == != === !==
逻辑运算符：&& || !
三元运算符：条件表达式?为真返回值:为假返回值

主要区别在于==和===

	//===为全等判断
    //==为相等判断
    var a = 10
    alert(a == "10") //true
    alert(a === "10") //false
    alert(a === 10) //true

• 字符串转化为数字：
  将字符串转化为数字，如果字面并非正确的数字，则转化为NaN类型。
• 其他类型转化为boolean
  1.数字：0和NaN为false，其他为true
  2.字符串：空字符串为false，其他为true
  4.对象：任何对象为true
  5.undefined：为false
  6.null：为false

    document.write(Boolean(0)) //false
    document.write("<br>")
    document.write(Boolean(1)) //true
    document.write("<br>")
    document.write(Boolean("1")) //true
    document.write("<br>")
    document.write(Boolean("")) //false
    document.write("<br>")
    document.write(Boolean(null)) //false
    document.write("<br>")
    document.write(Boolean(undefined)) //false
    document.write("<br>")
    document.write(Boolean({})) //true
    document.write("<br>")
    document.write(Boolean([])) //true
    document.write("<br>")
    document.write(Boolean(function(){})) //true
    document.write("<br>")
    document.write(Boolean(/1/)) //true
    document.write(typeof /1/)

此为本人总结的JavaScript的基础语法知识点，有误请指出