javascript学习笔记--d3.js准备工作

一、javascript代码折行

document.write("HELLO\
JAVASCRIPT")//这样是可以的，用\来进行代码折行，但是仅限于文本字符串中
document.write\
("HELLO JAVASCRIPT")//这样就是错误的
//注释同c++

二、变量

1.变量既可以存储数据信息，也可以定义为替代表达式的符号

2.变量可以以字母或者_或者$开头，变量分为全局变量和局部变量，且两者的定义方式、作用域以及使用方式有明显区别。

3.一般通过var关键字定义的是局部变量，其它的是全局变量

三、数据类型

1.在javascript中数据类型有字符串、数字、bool，数组，对象，NULL、Undefined等，但是表示并不像c++一样要写出数据类型，而是局部变量统一用var来表示，具体是什么类型看输入的内容来判断

<script type="text/javascript">
    //字符串
    var v_str_a="HELLO JIAVASCRIPT";//输出结果没有引号
    var v_str_b="HELLO 'JAVASCRIPT'";//输出结果带单引号
    var v_str_c='HELLO "JAVASCRIPT"';//输出结果带双引号
    //数值数据
    var v_i=7654889;//7654889
    var v_d=6.87643;//6.87643
    var v_e_a=123e3;//123000
    var  v_e_b=123e-3;//0.123
    //bool
    var v_bool_t=true;//true
    var v_bool_f=false;//false
    //数组
    var v_arr_a=new Array();//必须使用关键字new和Array类型
    v_arr_a[0]="html";
    v_arr_a[1]="css";
    v_arr_a[2]="javascript";
    console.log(v_arr_a);//结果为：Array["html","css","javascript"]
    var v_arr_b=new Array["html","css","javascript"];
    console.log(v_arr_b);//输出结果同上//console.log()是以调试信息输出
    //对象
    //对象通过花括号定义，在花括号内部对象的属性是通过 属性：值的方式来定义的
    var userinfo_a={
         id:567,
        name:"jik",
        time:"9.50"
    } ;
     var userinfo_b={id:567,name:"jik",time:"9.50"} ;//可以写成一行
     console.log(userinfo_b);//结果为：Object{id:567,name:"jik",time:"9.50"}
     var userinfo_c=new Object();
     userinfo_c.id=897;
     userinfo.name="king";
     userinfo.time="9.50";
     console.log(userinfo_c);//输出格式与上述相同
     var len=Object.keys(unserinfo_c);
     console.log(len.length);//输出对象的长度
    //null和undefined
    //null代表空 undefined代表变量未初始化
    //具体内容参见知识集锦javascript中null和undefined
    </script>

四、javascript的保留关键字

Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。

abstract	arguments	boolean	break	byte
case	catch	char	class*	const
continue	debugger	default	delete	do
double	else	enum*	eval	export*
extends*	false	final	finally	float
for	function	goto	if	implements
import*	in	instanceof	int	interface
let	long	native	new	null
package	private	protected	public	return
short	static	super*	switch	synchronized
this	throw	throws	transient	true
try	typeof	var	void	volatile
while	with	yield

* 标记的关键字是 ECMAScript5 中新添加的。

除此之外javascript定义的对象属性和方法也是避免作为变量名和函数名使用的

Array	Date	eval	function	hasOwnProperty	Infinity
isFinite	isNaN	isPrototypeOf	length	Math	NaN
name	Number	Object	prototype	String	toString
undefined	valueOf

五、javascript比较运算符与表达式以及条件运算符和表达式

1.比较运算符

与c++相比增加了两个

=== 恒等于 值和类型都相等 ==代表值相等

!== 不恒等于 值和类型都不相等 !=代表值不相等

2.条件运算符

//变量=（条件）？值1：值2
var v=(x==y)?"true":"false";
//当x==y时v="true";否则v="false"

3.位运算符

& 与 |或 ~取反 ^异或 <<左移 >>右移

4.字符串连接符

+

var str="HELLO"+"javascript"+"!"//结果  str="HELLOjavascript!"

六、javascript的函数

1.函数的声明定义构造和使用

<script type="text/javascript">
    //无参
    function msgbox()//传统定义   使用关键字function而非c++中的数据类型
{
    //函数体内容
}
 msgbox();//直接可以调用
  //有参
  function add(n,m)//参数不加数据类型
{
    sum=n+m;
}
add(1,2);//直接调用
  //带返回值
  function add(m,n)
{
    sum=m+n;
    return sum;
}
var v_sum=add(1,2);//可以赋值给变量
 console.log(v_sum);//输出3
  //函数的表达方式
  var v_sum=function(n,m){函数体  返回值}//v_sum属于变量名可以通过变量名来调用函数
  consloe.log(v_sum(1,2));
  //函数名去哪里？
  var v_sum=function add(n,m){函数体，返回值}//add时函数名但是不能通过add来调用函数
  console.log(v_sum(1,2));//对
  console.log(add(1,2));//报错  add is not defined
  //Function构造函数的方式
   var v_sum=new Function("n1","n2","return n1+n2");//括号里面分别是参数和函数体
   console.log(v_sum(1,2));//对
 </script>

七、javascript 系统函数

1.常规函数

(1)alert函数：显示一个警告对话框，包括一个OK按钮。 (2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。 (3)escape函数：将字符转换成Unicode码。 (4)eval函数：计算表达式的结果。 (5)isNaN函数：测试是(true)否(false)不是一个数字。 (6)parseFloat函数：将字符串转换成符点数字形式。 (7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。 (8)prompt函数：显示一个输入对话框，提示等待用户输入

2.字符串函数

(7条消息) javascript 常用的字符串函数小小阿星的博客-优快云博客js 字符串函数

3.数学函数

随用随搜

4.数组函数

JavaScript常见的操作数组的函数方法 - 简书 (jianshu.com)

5.日期函数

getDate() 函数 -- 返回日值(1-31) getDay()函数 -- 返回星期值(0-6) getFullYear() 函数 -- 返回四位数年份值 getHours()函数 -- 返回小时值(0-23) getMilliseconds() 函数 -- 返回时间date对象的当前毫秒值(0-999) getMinutes() 函数 -- 返回分钟值(0-59) getMonth() 函数 -- 返回月份值(0-11) getSeconds() 函数 -- 返回秒值(0-59) getTime() 函数 -- 返回1970年1月1日零点以来的毫秒数，即毫秒时间戳 getYear() 函数 -- 返回年份值(真实年份减去1900)