Javascript基础1

Javascript基础

Javascript是什么

  • 基于事件和对象驱动,并具有安全性能的脚本语言。
  • Javascript是和浏览器捆绑在一起的,只要安装了浏览器软件,就已经有了JavaScript。
  • 跨平台
  • 安全性

Javascript能解决什么

  • 表单客户端验证
  • 动态HTML(DHTML)
  • 用户交互的动画效果:需要鼠标和键入介入的动画效果。

javscript的使用

引入方法

  • <script type=”text/javascript”>具体js代码</script>
  • <script type=”text/javascript” src=”js文件”></script>

区分大小写(代码大小写敏感)

注释

  • 单行注释以双斜杠开头(//)
  • 多行注释以单斜杠和星号开头(/),以星号和单斜杠结尾(/)

变量(弱类型)

与 Java不同,ECMAScript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。

  • 变量名字命名规则:

php里边:字母、数字、下划线组成,开始有$符号标志,数字不能作为开始内容

js里边:字母、数字、下划线、$符号、汉字等5个组成部分,数字不能作为名字的开始内容。

var color = "red";
var num = 25;
var visible = true;
  • 常用的两个函数

    • window.alert() 或写为 alert() :显示一个提示框显示内容。
    • window.document.write() :在网页的当前位置处写内容。
  • 数据类型

    • 基本数据类型:字符型(String)、数值型(Number)、布尔型(Boolean)、Undefined(未定义型)、Null(空型)
    • 复合数据类型:数组(Array)、对象(Object)、函数(Function)
    • 键字typeof可以获取一个变量的类型。

数值型数据(Number)

数值型数据包含整型和浮点型(小数)。

Var a = 100;
Var a = 0;
Var a = -100;
Var a = 0.987;
Var a = NaN;

数值型数据有一个特殊的值NaN,它的含义是not a number。用在:将其它类型的数据转成数值型时,转不过来时,将返回NaN。

举例:将a = “abc”; 转成数值时,转不过去,就会返回NaN值

最大:Number.MAX_VALUE;

最小:Number.MIN_VALUE;

无穷大:Number.MAX_VALUE+Number.MAX_VALUE

字符串(String)

用单引号或双引号,引起来的一个字符串

Var a = ‘abc’;
Var a = “中国”;    //JS中每行语句写完后,以“;”号结束,分号不是必须的,但建议大家写
Var a = “1200”;   //也是字符串

如果在双引号内再套双引号时,内层的双引号,应该使用转义字符 \”来代表双引号。

如果在单引号内再套单引号时,内层的单引号,应该使用转义字符 \’ 来代表单引号。

转义字符的作用:当浏览器遇到“\”符号时,会将其后的字符进行特殊处理。

var a = "广州传智播客\"PHP\"基础班课程体系";
document.write(a);

布尔值(Boolean)

布尔型数据只有两个结果,真或假,是或否;

布尔型数据只有两个值:true或false

var sex=true;
var isRead=false;

undefined(未定义型)

当一个变量定义了,但没有赋值,会返回undefined,它的值只有一个“undefined”

null(空型)

当一个对象不存在时,将返回null,null的数据类型的值只有一个null。

变量类型转换

  • 数据类型转换
  1. 第一种:其它类型自动转成数值

自动转换

var a = "abc";              //NaN
var a = true;             //1
var a = false;            //0
var a = "100px";          //NaN
var a = "100";             //100
var a = undefined;        // NaN
var a = null;           // 0

强制转换的函数Number()

  1. 其它类型转成布尔型

自动转换

var a = "abc";              //true
var a = 0;                  //false
var a = -100;            //true
var a = "";               //false
var a = "100";          //true
var a = undefined;      // false
var a = null;           //false

强制转换的函数Boolean()

  1. 其它类型自动转成字符型

自动转换

var a = 0;               // "0"
var a = true;            // "true"
var a = false;           // "false"
var a = NaN;           // "NaN"
var a = 100;          // "100"
var a = undefined;     // "undefined" 
var a = null;         //"null"

强制转换的函数String()

  • 从字符串中提取数值

parseInt(str):在字符串中,从左到右提取整数,如遇到非数字数据,则停止提取;

parseFloat(str):在字符串中,从左到右提取浮点数(小数),如遇到非数字数据,则停止提取;

注意:如果要提取的字符串的第一个字符是非数字的,则直接返回NaN。

算术运算符、赋值运算符、字符串运算符

  • 字符串运算符:+和+=

“+”就是用来连接前后两个字符串,或者连接变量;

“+”如果它的前后有一个是字符串,则“+”的功能就是“连接”字符串功能;

“+”如果它的前后都是数值时,则“+”的功能就是“加法”运算的功能;

"+="和"+"的用法一样

  • 算术运算符:+、-、*、/、%(取余)、++(自身加1)、--(自身减1)

%:两个数相除,取余数;如果余数为0,则两个数能整除。我们一般可以%来判断偶数或奇数;

++:自身加1运算符,有两种表现形式:作前缀(i)、作后缀(i)

var a = i++,含义:先将i的值赋给前面的变量,然后将i的值加1;

var a = ++i,含义:先将i的值加1,然后将结果赋给前面的变量;

  • 赋值运算符:=、+=、-=、*=、/=、%=

  • 三元运算符

语法格式:条件表达式 ? 结果1 : 结果2

说明:当条件表达式为true时,执行“结果1”的代码;如果条件表达式为false时,执行“结果2”代码。

举例:

Var isMarried = false;
	isMarried ? “已婚” : “未婚”;  //如果isMarried的值为true,则输出“已婚”,否则,输出“未婚”
  • 比较运算符:>、<、>=、<=、== 、!=、== =、!==

较运算符,是对两个操作数进行比较,比较的结果只有两种可能,分别为true和false

“== ”是等于,只要两个操作数值相等,就返回true,否则返回false

“===”是全等,两个数的值和类型都相等,就返回true,否则返回false

  • 逻辑运算符:&&、||、!

你可能感兴趣的:(JavaScript,JavaScript基础知识)