JS基础

来源：互联网发布：nginx 路径重定向编辑：程序博客网时间：2024/06/05 07:59

<!DOCTYPE html>

<html>

<head>

<metacharset="utf-8" />

</head>

<body>

<!--

HTML 标签

css 样式

JavaScript 交互

-->

<!--

JavaScript 包含三部分内容

ECMAScript 核心

DOM 对象

BOM 对象

-->

</body>

//:单行注释

* :多行注释

//js输出方式

//1,alerf() 提示框

alert("哥最帅");

//2,console.log() 该种输出方式多用于程序员调试代码

console.log("疾风剑豪");

//3,prompt 提示框,带有输入框的提示框

prompt("甲方客户")

//4, 往HTML 页面写入内容

document.write("搅屎棍")

</script>

</html>

//该处是 JS文件,不需要写<script></script>标签了

* 一, 常量,变量以及基本数据类型

* 1,常量和变量

//常量:程序运行期间,值不能被改变的量

//变量:程序运行期间,值可以被改变的量

//变量定义的语法:var 变量名 = 初始值;

* 变量名命名规则:

* 1, 由数字,字母,下划线以及$符号组成,数字不能开头

* 2, 不能与系统关键字同名;

* 3, 见名知意

* 4, 使用驼峰命名法

* 5, 不要与其他变量名同名

var age = 18;

age = 20;

* 2,数值类型:Number

var ageA = 22;

//typeof():作用是判断变量的类型的

console.log(typeof(ageA));

* 3,字符串类型:String

var sex = "女";

console.log(typeof(sex));

* JS中无论使用单引号或双引号都被认为是字符串

* 注意:不要在双引号中嵌套双引号,也不要在单引号中嵌套单引号

var word ='子曰: "学而时习之..."';

console.log(word);

var backWord = '"不亦说乎"';

* + 号在String类型中的作用是拼接(连接两个字符串)

* + 号在Number类型中的作用是求和

console.log(word + backWord);

console.log(age + ageA);

console.log(age + word);

* 4, 布尔类型:Boolean

* boolean 类型只有两个值:true(真) 和 false(假)

var isBoy = true;

console.log(typeof(isBoy));

* 5,空类型:null

var empty = null;

console.log(typeof(empty));

* 6,未定义类型: undefined

var unde;

console.log(typeof(unde));

* JS 中五种基本类型:

* number ------- 数值类型

* string ------- 字符串类型

* boolean ------ 布尔类型

* null --------- 空类型输出object

* undefined ---- 未定义类型

* object是对象的意思

* 注意:JS中的数据类型由赋的值决定的

//var a = 0, b = 0, c = 0;

//var a = 0;

//var b = 0;

//var c = 0;

* 7,转义字符:计算机会对转义字符做特殊处理

* \\ 代表 \

* \" 代表 "

* \' 代表 '

* \n 代表换行

console.log("\"你好\"");

* 8, 类型转换

var num =10;// number类型

num = "100"; //string 类型

* 二,运算符

* 1,算数运算符:+, -, *, /, %, ++, --

* +, -, *, / 与数学中算数运算无什么区别

var num1 = 3, num2=5;

console.log("和="+(num1 + num2 ));

console.log("差="+(num1 - num2 ));

console.log("积="+(num1 * num2 ));

console.log("商="+(num1 / num2 ));

//取余 %

console.log("取余="+(num1 % num2 ));

* 2, ++(自增), --(自减)

* ++ 分为前++ 和后++, 前++ 变量先自增1,然后再参与其他运算.

* 后++ 变量先参与其他运算,再自增1.

* -- 同上

* ++ 的运算结果相当于将变量的值做 +1 处理,但是++ 的效率会比+1 运算要高.

var price = 2000;

console.log(++price);

var price1 = 100, price2=200, result = 0;

result = ++price1 + 1;

console.log(result);

result = price1+++price2;

console.log(result);

result = price1++ + ++price2;

console.log(result);

* 3,赋值运算符: =, +=, -=, *=, /=, %=

* 注意: = 号在编程中是赋值符号,是将 = 号右侧的值赋给 = 号左侧的变量

var a = 3, b=5;

a +=b;//a= a + b;

* 4,关系运算符:>, <, >=, <=, ==, !=,===(全等), !==

* 判断两个量是否相等是:==

* 判断两个量以及他们的类型是否相等是:===

var numA = 3;

var strA = "3";

console.log(numA === strA);

* 5,逻辑运算符:&&(逻辑与), ||(逻辑或), !(逻辑非)

* 逻辑与 &&:运算符两边的式子同时为真,整个逻辑与表达式的结果为真 ----同真为真

var i = 9, j=4, k = 2;

var rel = true;

rel = i < j && j > k;

console.log(rel);

* 逻辑或 ||:运算符两边的式子同时为假,整个逻辑或表达式的结果为假 ----同假为假

rel = i < j || j > k;

console.log(rel);

* 逻辑非 ! :对结果取反

rel=! i < j;

console.log(rel);

* 短路现象

* 逻辑与 && 的短路现象:由于逻辑与表达式的判定标准是"同真为真",因此, 当 && 符号前面的表达式结果为假时,已经能够判定整个逻辑与表达式的结果为false,这个时候,计算机根据最大化原则,将不再执行 && 符号右侧的内容.

* 逻辑与 || 的短路现象:由于逻辑与表达式的判定标准是"同假为假",因此, 当 || 符号前面的表达式结果为真时,已经能够判定整个逻辑或表达式的结果为true,这个时候,计算机根据最大化原则,将不再执行 || 符号右侧的内容.

阅读全文

0 0