<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS基础1</title>
</head>
<body>
<!--
HTML 标签
css 样式
JavaScript 交互
-->
<!--
JavaScript 包含三部分内容
ECMAScript 核心
DOM 对象
BOM 对象
-->
</body>
<!--第一种:引入外部JS文件-->
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<!--第二种:内部JS 文件-->
<script type="text/javascript">
//:单行注释
/*
* :多行注释
*/
//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,这个时候,计算机根据最大化原则,将不再执行 || 符号 右侧的内容.
*/
525
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
