【前端】JavaScript学习笔记(一)——快速入门

  • A+
所属分类:Web前端
摘要

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。


✨JavaScript

JavaScript(简称“JS”) 是一种具有函数优先的轻量级解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象命令式声明式函数式编程范式

✨课程链接

【狂神说Java】JavaScript最新教程通俗易懂_哔哩哔哩_bilibili

✨学习笔记

我的第一个JavaScript

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>  <!--    1. 内部标签--> <!--    script标签内写 JavaScript--> <!--    <script>--> <!--        alert("Hello World!");--> <!--    </script>-->  <!--    2. 外部引入--> <!--    !注意:script标签必须成对出现-->     <script src="js/qj.js"></script>  <!--    不用显式定义类型 默认就是JavaScript-->     <script type="text/javascript"></script>  </head> <body>  <!--这里也可以存放--> </body> </html> 
alert("Hello World!"); 

基本语法

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>  <!--    JavaScript严格区分大小写-->     <script>         // 1. 定义变量         var score = 71;         // 2. 条件控制         if(score > 60 && score < 70){             alert("60 ~ 70")         }else if(score > 70 && score < 80){             alert("70 ~ 80")         }else {             alert("other")         }          // 分号可选          /**          * 注释          */          // 在浏览器的控制台打印变量         // console.log(score)     </script>  </head> <body>  </body> </html> 

数据类型快速浏览

变量

var

number

js不区分小数和整数

NaN:not a nuber

Infinity:无穷大

字符串

布尔

逻辑运算

比较运算符

  • = 赋值
  • == 等于(类型不一样,值一样,也会判断为true)
  • === 绝对等于(类型一样,值一样,结果true)

(这是JS缺陷 坚持不要使用 == 比较)

NaN

  • NaN===NaN,这个与所有的数值都不相等,包括自己
  • 只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题

console.log((1/3) === (1 - 2/3)) 

尽量避免使用浮点数进行运算 存在精度问题!

null 和 undefined

  • null 空
  • undefined 未定义

数组

Java的数值必须是相同类型的对象 JS中不需要这样!

// 保证代码的可读性,尽量使用[] var arr = [1,2,3,4,5,'Hello',null,true]; new Array(1,12,3,4,4,5,'Hello'); 

取数组下标 如果越界了 undefined

对象

对象是大括号 数组是中括号

每个属性之间使用逗号隔开 最后一个不需要添加

var Person = {     name: "Test",     age: 3,     tags: ['js', 'Java', 'php'] } 

取对象的值

Person.name > "Test" Person.age > 3 

严格检查模式

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title>  <!--    'use strict';--> <!--    严格检查模式 预防JavaScript的随意性导致产生的一些问题--> <!--    必须写在JavaScript的第一行-->  <!--    局部变量使用let 定义(IDEA需要设置支持ES6语法)-->      <script>         'use strict';         // 全局变量         var i = 1;         // ES6 let      </script>  </head> <body>  </body> </html> 

⭐转载请注明出处

本文作者:双份浓缩馥芮白

原文链接:https://www.cnblogs.com/Flat-White/p/14987702.html

版权所有,如需转载请注明出处。