JavaScript基础函数---李老师的
<!DOCTYPE html>
<html>
<head>
<title>demo2html</title>
<meta charset="utf-8"/>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
/*创建函数和字面量函数*/
/*
function add(){
alert("函数创建成功")
};
var testfunction=function(){
alert("这是一个匿名函数");
};
add(); //调用函数
testfunction();//调用字面量函数
*/
/*
var testobj=new Object(); //创建对象
testobj.run=function(){ //给对象创建方法
alert("这是对象内部的方法");
};
testobj.run(); //调用对象的方法
*/
/*创建函数对象*/
/*
function ball(){
}
ball.name1="testing"; //给函数对象创建属性
alert(ball.name1); //访问函数属性
alert(typeof ball)
*/
/*函数的引用*/
/*
function myFunction(message){
alert(message);
}
var ptr=myFunction; //将函数的引用传递给变量
ptr("Testing"); //变量调用函数
*/
/*将函数的引用传递给对象*/
/*
function sayName(name1){
alert(name1);
}
var obj1=new Object();
var obj2=new Object();
var obj3=new Object();
obj1.sayMyName=sayName; //将引用传递给对象的变量，形成对象的方法
obj2.sayMyName=sayName;
obj3.sayMyName=sayName;
obj1.sayMyName("张三") //调用对象的方法
obj2.sayMyName("李四");
obj3.sayMyName("王五")
*/
/*
function add(){
}
add.message="chaiyesong"
var ptr1=add;
var ptr2=add;
alert(ptr1.message);
alert(ptr2.message)
add.message="123";
alert(ptr1.message)
alert(ptr2.message)
*/
/*引用指向另一个变量*/
/*
function add(){
alert("one");
}
var ptr=add;
ptr=function(){ //创建了另一个叫做myFunctionPtr的函数而不是修改它
alert("ptr")
}
add=function(){ //引用指向了另一个函数，修改了函数的引用
alert("two")
}
add()
ptr()
*/
/*创建函数对象*/
/*
function Ball(message){
alert(message)
}
var ball0=new Ball("testing")
ball0.name1="ball-0"
alert(ball0.name1)
function Ball(message){
alert(message)
}
var ball0=new Object()
ball0.constuct=Ball; //将函数的引用指向了一个对象的构造器
ball0.constuct("ceshiceshiceshi") //由这个对象的构造器执行此函数
ball0.name1="tesing"
alert(ball0.name1)
function Test(){
}
alert(Test.prototype) //共享属性
*/
/*添加共享属性*/
/*
function Fish(naem1,color1){
this.name1=naem1
this.color1=color1
}
Fish.prototype.LivesIn="water" //添加共享属性
Fish.prototype.price=20
var fish1=new Fish("mackrel","gray")
var fish2=new Fish("goldfish","orange");
var fish3=new Fish("salmon", "white");
for (var i=1; i<=3; i++)
{
var fish=eval("fish"+i); // 我只是取得指向这条鱼的指针
alert(fish.name1+","+fish.color1+","+fish.LivesIn+","+fish.price);
}
*/
/*
function Employee(name, salary)
{
this.name=name;
this.salary=salary;
}
Employee.prototype.getSalary=function getSalaryFunction()
{
return this.salary;
}
Employee.prototype.addSalary=function addSalaryFunction(addition)
{
this.salary=this.salary+addition;
}
var boss1=new Employee("Joan", 200000);
var boss2=new Employee("Kim", 100000);
var boss3=new Employee("Sam", 150000);
alert(boss1.getSalary()); // 输出 200000
alert(boss2.getSalary()); // 输出 100000
alert(boss3.getSalary()); // 输出 150000
*/
/*匿名函数*/
/*
(function(x,y){
alert(x+y)
})(2,3)//这个函数自我执行的能力
*/
/*执行并且调用函数*/
/*
var f1=function(){
return "testing"
}
alert(f1())
*/
/*将自我执行的结果给变量*/
/*
var f2=function(){
return "ok"
}()
alert(f2)
*/
// (
// function(){
// alert("fa")
// }()
// )
/*
function box(){
var user='Tt'
return function(){
return user;
}
}
alert(box()()) //调用内嵌函数
*/
// var b=box()
// alert(b())
/*通过闭包函数实行自动加*/
/*
function box(){
var age=100
return function(){ //调用的其实是这个方法，实现了数据在内存中驻留的时间
age++
return age;
}
}
var b=box()
alert(b())
alert(b())
alert(b())
*/
/*开始版*/
/*
function box(){
var arr=[] //申明一个数组
for (var i = 0; i <5; i++) {
arr[i]=function(){ //通过循环只是把函数赋值给了每个元素
return i;
}
}
return arr; //返回一个数组
}
var b=box() //把返回的数组赋值给b
document.writeln("数组的长度为："+b.length+"<br />") //返回数组的长度
for (var i = 0; i < b.length; i++) {
document.writeln("匿名函数返回的值为："+b[i]()+"<br />") //执行此函数每个元素的值是5，因为最后一个元素的值为5
};
*/
/*改进版*/
/*
function box1() {
var arr1 = [];
for (var i = 0; i < 5; i++) {
arr1[i] = (function (num) { //自我执行，把函数自我执行的结果赋值给了每个元素
return num;
})(i); //并且传参
}
return arr1;
}
var b1 = box1(); //返回时数组
for (var i = 0; i < b1.length; i++) {
document.writeln("改进后 输出的结果为：")
document.writeln(b1[i]+"<br />"); //这里返回的是数组，直接打印即可
}
*/
//测试版
/*
var testarr=[];
for (var i = 0; i < 5; i++) {
testarr[i]=function(){
return i;
}
};
document.writeln("测试板的长度为："+testarr.length+"<br >")
for (var i = 0; i < testarr.length; i++) {
document.writeln("测试版第"+(i+1)+"次"+testarr[i]+"<br />")
};
var aa=function(){
return 3
}
document.writeln("测试版测试的结果"+aa)
*/
/*改进版3*/
/*
function box3() {
var arr3= [];
for (var i = 0; i < 5; i++) {
arr3[i] = (function (num) {
return function () {
return num;
}
})(i);//自我执行的结果赋值给每个元素，执行完了，将其执行的结果赋值给了每个元素
}
return arr3;
}
var b3= box3();
for (var i = 0; i < b3.length; i++) {
document.writeln(b3[i]()+"<br />");
}
*/
/*js函数教程地址：//http://www.cnblogs.com/ttcc/p/3763437.html*/
/*闭包中的this指定的对象是window*/
/*
var user='The Window00';
var obj={
user:'The Window001',
getUserFunction:function(){
return function(){
return this.user;
}
}
}
document.writeln("返回this指定的对象"+obj.getUserFunction()())
*/
// function box(count1){
// var i=12;
// for (var i = 0; i < count1; i++) {
// document.writeln(i);
// }
// }
// var i=10
// box(2)
/*闭包执行完毕，立马清除内存数据*/
/*
function box(count) {
(function () {
for (var i = 0; i<count; i++){
}
})();
document.writeln(i); //报错，无法访问
}
box(2);
*/
/*通过闭包访问隐私属性*/
/*
function Box() {
var age = 100; //私有变量
function run() { //私有函数
return '运行中...';
}
this.get = function () { //对外公共的特权方法
return age + run();
};
}
var box = new Box();
alert(box.get());
function Person(value) {
var user = value; //这句可以省略
this.getUser = function () {
return user;
};
this.setUser = function (value) {
user = value;
};
}
*/
/*单例模式*/
/*
var box = function () {
var user = 'TT'; //私有变量
function run() { //私有函数
return '运行中...';
}
return {
publicGo : function () { //对外公共接口的特权方法
return user + run();
}
};
}();
alert(box.publicGo());
*/
/*单例模式*/
/*
function Desk() {
//定义了一个函数
}
var box = function () {
var user = 'TT'; //私有变量
function run() { //私有函数
return '运行中...';
}
var desk = new Desk(); //实例化自定义对象
desk.publicGo = function () {
return user + run(); //给自定义函数定义方法
};
return desk;
}();
alert(box.publicGo());
*/
</script>
</body>
</html>
JavaScript基础函数---李老师的的更多相关文章
- JavaScript基础函数的声明(014)
1.函数的重要地位 函数(functions)在JavaScript里有着重要的地位,其原因有二: 它们是一种特殊的对象 它们提供作用域 说函数在JavaScript里是特殊的对象,因为: 程序的执行 ...
- Javascript基础 函数“重载”
Javascript不像其他编程语言一样具有函数签名(什么是函数签名,简单的说就是说函数的接受参数类型和参数个数,也有人认为返回类型也应该包括.具体概念大家可以到网上查询). 所以Javascript ...
- JavaScript -基础- 函数与对象
一.JavaScript三对象 1.分类方式一 1)ECMAScript JavaScript的ECMA规范 JS本身的对象 2)Dom 操作HTML相关 3)BOM游览器对象 游览器窗口对象,全局的 ...
- JavaScript基础函数和词法分析以及常用的内置对象和使用方法（4）
day52 参考:https://www.cnblogs.com/liwenzhou/p/8004649.html 函数 函数定义 JavaScript中的函数和Python中的非常类似,只是定义方式 ...
- JavaScript基础函数的属性:记忆模式(019)
函数在Javascript里是有属性的,因为它们是一种特殊对象.事实上,就算是没有明确声明,函数在最初就已经包含了一些固有的属性,比如所有函数都length这个属性,它可以指出函数声明了多少个参数: ...
- JavaScript -基础- 函数与对象（二）String
一.判断数据类型typeof与判断对象类型instanceof 1.typeof typeof只能判断基础数据类型,无法判断引用数据类型 <script> var s="hell ...
- Javascript基础--函数(Function对象)
1.函数是一段可执行的代码,函数可多次调用,模块化管理. 2.使用function语句,function funName([arg1][,arg2]....[,argn]){代码块}.所有版本可用,一 ...
- Javascript基础——函数
一 函数的介绍 1.概念:由一堆代码按照一定的规则,组成实现了某个功能,通过函数自身或事件调用 函数的特点: 忽略细节:只关注其实现的功能,不关注内部构造: 重复使用:函数可以实现代码的重复利用: 选 ...
- JavaScript基础函数的配置对象Configuration Objects(020)
配置对象通常用在API库的实现中,当程序中需要编写要多次的模块,也可以采用这种模式.这种模式的好处是接口明确,扩展方便.比如,一个 addPerson在设计的最初需要两个参数作为初始化时人的姓名: f ...
随机推荐
- Mac 端配置 Lua 环境
一.设计目的 Lua 是一种轻量级的脚本语言,其目的是为了嵌入到程序中,从而为程序提供灵活的扩展和定制功能. 二.特性 轻量级:编译后仅仅 100 余K,可以很方便的嵌入到程序中. 可扩展:Lua 提 ...
- html页面嵌套两个iframe页面导致第二个iframe页面高度失效的问题
1:这是因为最里面嵌套的iframe页面html和body高度无法设置问题,我的解决办法是js去控制iframe高度 2:js获取最子页面(content内容区域)的高度 var ifremHeigh ...
- if、else、else if后的条件执行体
if.else.else if后的条件执行体有两种情况:一种是用大括号“{ }”括起来的代码块,这个代码块被称作条件执行体:另一种是以分号“:”作为结束符的单行语句或空语句(仅有一个分号),这个单行语 ...
- LevelDB源码分析-Write
Write LevelDB提供了write和put两个接口进行插入操作,但是put实际上是调用write实现的,所以我在这里只分析write函数: Status DBImpl::Write(const ...
- JavaScript Array some() 方法
some 判断数组中是否至少有一个元素满足条件 只要有一个满足就返回true 只有都不满足时才返回false 语法: array.some(function(value,index,array),th ...
- 兼容的获取样式的函数getStyle()
想要得到某个元素的某个样式属性,可以用: <div id="div01" style="color:red">123</div> var ...
- 【第二组】Hunter-alpha版本发布报告
Alpha版本测试报告 一 BUG汇总 1.暂时无法进行注册.(打算修复) 2.用户发布任务界面图标按钮存在显示bug.(打算修复) 3.主界面下拉菜单暂无内容,无法弹出.(打算修复) 二 场景测 ...
- Python常用字符编码（转）
Python常用字符编码 字符编码的常用种类介绍 第一种:ASCII码 ASCII(American Standard Code for Information Interchange,美国信息交 ...
- CSS 背景图像 填充部分元素示例
填充部分元素示例 为某个元素设置CSS规则background-image 属性,则可以做到部分元素有背景颜色. 下面的示例演示如何如何给段落元素加背景. <!DOCTYPE html> ...
- 关于d3.js 将一个element 拖拽到另一个element的响应事件
rt 正在做机柜可视化, 一个需求是能拖拽左侧列表的设备名称, 拖到右侧42U机柜中,并将设备图片放置在对应机柜位置上. 开始的时候一切都很顺利,点击左侧设备名称,添加一个g容器,将设备名称作为tex ...