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
相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
117 1
|
16天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
21天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
12 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
126 4
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
35 5
|
4月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
58 3
|
4月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
532 0