WEB_JS学习笔记_基础
1、JS和JAVA对比
JS是基于对象(调用浏览器内置对象的方法),java是面向对象
JS只需解释就可以由浏览器执行, java需要先编译成字节码文件再执行
js是弱类型(数据类型之间任意转换),java是强引用
js和java一样区分大小写
2、一个完整的JavaScrip由以下几部分组成
核心:ECMAScript
文档对象模型:DOM (内置两大内对象之一)
浏览器对象模型:BOM (内置两大内对象之一)
3、JS和Html结合方式
方式一:放置<scrip>标签:
<script type="text/javascript"> js code... </script>
缺点:这段js code 只能在该页面使用
方式二:将js代码封装到一个文件中,使用script标签的src属性引入一个js文件
<script src="test.js" type="text/javascript"></script>
优点:方便维护,便于扩展
注意:浏览器加载页面从上到下,加载到哪则运行到哪
例如:若加载的js文件比较大,又相对耗时,则可放在body标签的最后面,js为单线程
4、JS的5种基本变量类型和引用类型(typeof 引用类型 为Object)
string number boolean undefined null
typeof 用于判断 变量的数据类型 ,返回一个字符串
alert() -- 弹出一个警告框
5、js弱类型的转换
(1)显示转换,即使用全局函数进行转换
数字转字符串
var num=100; var str = String(num); //String为全局函数 类似的还有Number Boolean //num为任意类型数据,均可通过String转换成字符串 alert(typeof str); alert(str);
字符串转数字
//NaN 一个很特殊的数字,表示,不是数字。not a number NaN == NaN --> false var str = "100abc"; var num = Number(str); //alert(typeof num); alert(num);//结果为:NaN
数字转boolean,只有非0和非NaN其他都为true
//100 true //0 false //NaN false var num=NaN; var boo = Boolean(num); alert(typeof boo); alert(boo);//false
字符串转boolean,只有""才为false,注意:" "里面有个空格也为true
//abc true //"" false var msg=""; var boo = Boolean(msg); alert(typeof boo+" : "+boo);//boolean : false
undefined和null转换成boolean:都为false
(2)隐式转换:使用逻辑判断
var msg="abc"; if(msg){ alert(msg);//注意:此处的msg仍为"abc",并没有赋值操作 }
6、JS中的函数
定义方式一:
/* 格式: function 函数名(形式参数...) { 执行语句; return 返回值; } 函数是多条执行语句的封装体,只有被调用才会被运行。 函数的执行,只要写了函数名后面跟一对小括号,该函数就会运行 调用有参数的函数,但没有给其传值,函数一样可以运行 调用没有参数的函数,给其传值,该函数也一样运行。 */ function test(a,b,c){ //alert(b+a+c); return a+b+c; };
var r = test(10,20,30);//60
var r = test("hi","nihaoa",""hehe);//hinihaoahehe
定义方式二:动态函数
/* 定义动态函数,参数特点:最后一个为函数体,前面的都是形参 通过JS的内置对象Function实现。 例: var demo = new Function("x","y","alert(x+y);"); demo(4,6); 等同: function demo(x,y) { alert(x+y); } demo(4,6); 不同的是,动态函数,参数以及函数体都可以通过参数进行传递,可以动态指定。 */ var arg1="a"; var arg2="b"; var funbody="alert(a+b);";//这三个变量可从网络获取从而实现动态设置函数 //var funtest= new Function("a","b","alert(a+b);"); var funtest= new Function(arg1,arg2,funbody); funtest("hello"," word");//hello word
定义方式三:匿名函数
/* 格式:function(){...} 例如: var demo = function(){...}; demo(); * 通常在定义事件属性的行为时较为常用。 */ /* function(a,b){ return a+b; } */ alert("内容 还没显示"); // 给当前窗体加载完成以后事件添加监听,window为内置对象 window.onload = function(){ alert("窗体显示完了"); };
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。