JS基础 - 基本语法

简介: 在head标签内,写script标签,并打入JavaScript代码

引入JavaScript

在head标签内,写script标签,并打入JavaScript代码

<script> alert("hello,world") </script>

一般情况下要创建js文件来写js代码

  • 外部引入<script src="js"></script>
  • 注意script标签必须成对存在

基本语法

  • JavaScript 严格区分大小写 定义变量 变量类型 变量名=变量值var num =1;
  • 条件控制(和Java语法类似)
var score=71;
if(score>60 && score<70){
    alert("60~70")
}else if(score>70 && score<80){
    alert("70~80")
  • console.Log(score) 在浏览器的控制台打印变量! System.out.print()

数据类型

  • 数值,文本,图形,音频,视频.....
  • 变量:不要以数字开头
  • Number: js不区分小数和整数
  • 123 整数,123.1 浮点数,1.123e3 科学计数法,-99 负数,NaN not a number,Infinity 表示无限大
  • 字符串:'abc'  "abc"
  • 布尔值 :ture false
  • 逻辑运算 :&& 两个都为真,结果为真、|| 一个为真,即为真、! 真即假,假即真
  • 比较运算符(重要)
  • =
  • == 等于(类型不一样,值一样,也会判断为ture)
  • === 绝对等于(类型一样,值一样,结果ture)
  • 这个一个js的缺陷,坚持不要使用==比较
  • NaN === NaN,这个与所有的数值都不相等,包括自己
  • 只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题:

console.log(1/3)===(1-2/3)结果是False,所以避免使用浮点数进行运算,存在精度问题!

Math.abs(1/3-(1-2/3))<0.00000001结果为Ture null和undefined

  • null 空
  • undefined 未定义 数组 java中数组内的数据类型必须相同,js不需要

var Array=[1,213,"hello"];

取数字下标,如果越界了,就会undefined

对象

  • 对象是大括号,数组是中括号
  • 每个属性之间使用逗号隔开,最后一个不需要添加
var person={
    name :"稀土掘金"
    tags:['js','java','web','....']
    }

取对象的值

  • person.name
  • person.tags

严格检查模式

  • 必须写在第一行且idea要使用ES6语法
  • 在写js前加上'use strict'; 严格检查模式,预防JavaScript的随意性导致产生的一些问题
  • 局部变量建议使用let去定义 ,全局变量使用var
相关文章
|
2月前
|
JavaScript 前端开发
关于 JavaScript 代码里双重感叹号的语法
关于 JavaScript 代码里双重感叹号的语法
49 1
|
3月前
|
JavaScript 前端开发
JavaScript基础语法(类型转换)
JavaScript基础语法(类型转换)
27 0
|
3月前
|
JavaScript 前端开发 Java
JavaScript基础语法(流程控制语句)
JavaScript基础语法(流程控制语句)
25 0
|
3月前
|
JavaScript 前端开发 Java
JavaScript基础语法(运算符)
JavaScript基础语法(运算符)
32 0
|
3月前
|
JavaScript 前端开发 Java
JavaScript基础语法(变量)
JavaScript基础语法(变量)
48 0
|
23天前
|
JavaScript 前端开发 Web App开发
JavaScript基础语法(codewhy版本)(一)
JavaScript基础语法(codewhy版本)
83 1
JavaScript基础语法(codewhy版本)(一)
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript的数组教程(最详细,更新至es6新语法)
JavaScript的数组教程(最详细,更新至es6新语法)
|
1月前
|
移动开发 前端开发 JavaScript
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
|
1月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
|
1月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)