Javascript 类型转换、封闭函数及常见内置对象操作示例


Posted in Javascript onNovember 15, 2019

本文实例讲述了Javascript 类型转换、封闭函数及常见内置对象。分享给大家供大家参考,具体如下:

Javascript组成

1、ECMAscript javascript的语法(变量、函数、循环语句等语法)
2、DOM 文档对象模型 操作html和css的方法
3、BOM 浏览器对象模型 操作浏览器的一些方法

类型转换

1、直接转换 parseInt() 与 parseFloat()

alert('12'+7); //弹出127
alert( parseInt('12') + 7 ); //弹出19 
alert( parseInt(5.6)); // 弹出5
alert('5.6'+2.3); // 弹出5.62.3
alert(parseFloat('5.6')+2.3); // 弹出7.8999999999999995
alert(0.1+0.2); //弹出 0.3000000000000004
alert((0.1*100+0.2*100)/100); //弹出0.3
alert((parseFloat('5.6')*100+2.3*100)/100); //弹出7.9

2、隐式转换 “==” 和 “-”

if('3'==3)
{
  alert('相等');
}
// 弹出'相等'
alert('10'-3); // 弹出7

3、NaN 和 isNaN

alert( parseInt('123abc') ); // 弹出123
alert( parseInt('abc123') ); // 弹出NaN

调试程序的方法

1、alert

2、console.log

3、document.title

变量作用域

变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量。

1、全局变量:在函数之外定义的变量,为整个页面公用,函数内部外部都可以访问。
2、局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问。

<script type="text/javascript">
  //全局变量
  var a = 12;
  function myalert()
  {
    //局部变量
    var b = 23;
    alert(a);
    alert(b);
  }
  myalert(); //弹出12和23
  alert(a); //弹出12  
  alert(b); //出错
</script>

封闭函数

封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。

一般定义的函数和执行函数:

function myalert(){
  alert('hello!');
};
myalert();

封闭函数:

(function myalert(){
  alert('hello!');
})();

还可以在函数定义前加上“~”和“!”等符号来定义匿名函数

!function myalert(){
  alert('hello!');
}()

封闭函数的好处

封闭函数可以创造一个独立的空间,在封闭函数内定义的变量和函数不会影响外部同名的函数和变量,可以避免命名冲突,在页面上引入多个js文件时,用这种方式添加js文件比较安全,比如:

var iNum01 = 12;
function myalert(){
  alert('hello!');
}
(function(){
  var iNum01 = 24;
  function myalert(){
    alert('hello!world');
  }
  alert(iNum01);
  myalert()
})()
alert(iNum01);
myalert();

常用内置对象

1、document

document.getElementById //通过id获取元素
document.getElementsByTagName //通过标签名获取元素
document.referrer //获取上一个跳转页面的地址(需要服务器环境)

2、location

window.location.href //获取或者重定url地址
window.location.search //获取地址参数部分
window.location.hash //获取页面锚点或者叫哈希值

3、Math、

Math.random 获取0-1的随机数
Math.floor 向下取整
Math.ceil 向上取整

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript 解决表单仍然提交即使监听处理函数返回false
Mar 14 Javascript
基于JavaScript 类的使用详解
May 07 Javascript
js中的this关键字详解
Sep 25 Javascript
jquery中animate的stop()方法作用实例分析
Jan 30 Javascript
jquery插件qrcode在线生成二维码
Apr 26 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
移动端效果之Swiper详解
Oct 09 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
JavaScript定时器常见用法实例分析
Nov 15 #Javascript
解决Layui 表格自适应高度的问题
Nov 15 #Javascript
layui前端时间戳转化实例
Nov 15 #Javascript
JavaScript变量基本使用方法实例分析
Nov 15 #Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 #Javascript
layui数据表格重载实现往后台传参
Nov 15 #Javascript
JS实现贪吃蛇游戏
Nov 15 #Javascript
You might like
php输出xml格式字符串(用的这个)
2012/07/12 PHP
如何使用PHP获取指定日期所在月的开始日期与结束日期
2013/08/01 PHP
php实现图片缩放功能类
2013/12/18 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
Jquery中增加参数与Json转换代码
2009/11/20 Javascript
javascript Demo模态窗口
2009/12/06 Javascript
js中将字符串转换成json的三种方式
2011/01/12 Javascript
javascript代码加载优化方法
2011/01/30 Javascript
node.js中的fs.fsync方法使用说明
2014/12/15 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
JS实现的数组全排列输出算法
2015/03/19 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
微信小程序之数据缓存的实例详解
2017/09/29 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
js判断传入时间和当前时间大小实例(超简单)
2018/01/11 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
python通过线程实现定时器timer的方法
2015/03/16 Python
Python如何发布程序的详细教程
2018/10/09 Python
解决python xlrd无法读取excel文件的问题
2018/12/25 Python
Django 开发环境配置过程详解
2019/07/18 Python
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
英国排名第一的最新设计师品牌手表独立零售商:TIC Watches
2016/09/24 全球购物
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
女大学生自我鉴定
2013/12/09 职场文书
平面设计求职信
2014/03/10 职场文书
村级环境卫生整治方案
2014/05/04 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
2014年销售部工作总结
2014/12/01 职场文书
务虚会发言材料
2014/12/25 职场文书
人事局接收函
2015/01/31 职场文书
高老头读书笔记
2015/06/30 职场文书