js基础笔记

04-前端基本功笔记

1 目标

2 介绍

3 准备知识

4 变量

5 数据类型

6 类型转换

7 操作符

8 流程控制

9 数组

10 函数

10.1 函数概述

函数就是可以重复执行的代码块。

• 因为一部分代码使用次数可能会很多，所以封装起来，需要的时候调用就可以了。

10.2 函数的定义

function 函数名 () { 程序 }

10.3 参数

• 形参：形式上参与运算的变量，无实际值，为实参占位置，就像一`个躯壳一样。（可以理解为函数的内部变量外部无法访问）
• 实参：实际参与运算的变量。形参为他占位置，真实参与运算的变量。

10.4 返回值

• 有return函数就有值；没有return函数就没值；
• 函数程序运行后的结果外部需要使用的时候，我们不能直接给与，需要通过return返回。
• var temp = 函数名() = （功能）+ 该函数的返回值;

11

##1、js介绍： js是一款运行在客户端的网页编程语言。 ###组成部分:

• ecmascript:js标准;

• dom: 通过js操作网页元素;

• bom: 通过api操作浏览器;

2、js书写位置

//内嵌式
<script type="text/javascript">
   alert("14期威武");
</script>
//外链式
<script src="1.js"></script>

先创建一个外部JS文件 通过src将外部js调用。 写js代码的时候，分号不能省略。 推荐将JS代码写在html结束标签后边 将多个JS文件合成为一个JS文件 ##3、输出消息的几种方式

//alert()  在页面弹出一个对话框，早期JS调试使用。
alert("14期威武");

//Confirm()  在页面弹出一个对话框, 常配合if判断使用。
confirm("14期霸气");

//console.log()  将信息输入到控制台，用于js调试。
console.log("14期大气");

//prompt() 弹出对话框，用于接收用户输入的信息。
prompt("请输入您的银行卡号");

//document.write()在页面输出消息。
document.write("14期<br><strong>老霸气了</strong>");
//document.write不仅能输出信息，还能输出标签。

##4、变量

var wukong; //定义变量

wukong="斗战胜佛";  //给变量赋值
	
var wukong="456";  //定义变量并赋值
	
alert(username);

alert("username"); //直接量

##5、变量的命名规范

• 不能以数字或者纯数字开头来定义变量名。
• 不推荐使用中文来定义变量名。
• 不能使用特殊符号或者特殊符号开头(-除外);
• 不推荐使用关键字和保留字来定义变量名。

在JS中严格区分大小写的！！

6、数据类型

###6.1简单数据类型(值类型) ####6.1.1数字类型number

//字类型:包含正数  负数  小数
var n2=2;
var n2=-34;
var n3=1.23;
//数字类型的表达方式
//十进制表示法
var n1=23;  //十进制表示法
//十六进制表示法
//从0-9，a(A)-f(F)表示数字。以0x开头。
var n4=0x4323;//十六进制表示法
//八进制表示法
//0开头，0-7组成。
var n5=0472;  //八进制表示法
//NaN

####6.1.2字符串String

//字符串  String
//用双引号或者单引号引起的都是字符串。
var n5="14期威武";   //字符串数据类型
var n6='123';

####6.1.3布尔数据类型 Boolean

//只有2个值一个是true, 一个是false.   实际运算中true=1,false=0
var n1=2;
var n2=3;
alert(n1==n2);  //false  错误的
alert(n1<n2); // true  正确的

####6.1.4undefined
变量未初始化,定义了变量，没有给变量赋值，变量在内存中是存在的

var n1;  
alert(n1); //结果是undefined
//undefined定义了变量，没有给变量赋值  变量在内存中是存在的
//Undefined和热河数值计算，结果为NaN

####6.1.5null
变量未引用，值为空，在内存是找不到这个变量

var n2=null;   //在内存是找不到这个变量
alert(n2);  
//null  变量未引用  值为空   object
var n3="";    //空字符串 变量在内存是存在的

####6.1.6isNaN()

alert(isNaN(333))

###6.2复杂数据类型(引用类型) object 对象 array 数组 ###6.3判断数据类型 typeof()

alert(typeof(n3));

转载于:https://my.oschina.net/u/2408149/blog/845070