`
hereson2
  • 浏览: 462393 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript的静态类的写法

阅读更多

虽然javascript真的很强大,人人都说,他能做任何事情,但对类的支持还不是很好.研究了一个钟头,才把静态类的写法搞定了.

var ScreenClass={
    /**
    *获取浏览器窗口中文档(视口)可用尺寸
    *不包括标题栏、工具栏、滚动条等内容。
    */
    getViewportInfo:function(){
        var w = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.offsetWidth;
        var h = (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.offsetHeight;
        return {w:w,h:h};
    }
}

这样用起来的时候,就只要ScreenClass.getViewportInfo()

分享到:
评论

相关推荐

    javascript 类, 对象 深入学习

    ES6的`class`语法提供了更符合传统面向类编程习惯的写法。例如: ```javascript class Person { constructor(name) { this.name = name; } sayHello() { console.log(`Hello, I am ${this.name}`); } } `...

    Javascript面向对象编程.

    4. **类(Class)**:ES6引入了类语法糖,使得JavaScript的面向对象更加符合传统面向对象语言的写法,但实际上,这些“类”仍然基于原型实现。 ```javascript class Person { constructor(name) { this.name = ...

    JavaScript高级教程(完整版)

    函数在JavaScript中不仅仅是可调用的代码块,它们也是第一类对象,可以赋值给变量、作为参数传递或作为返回值。函数表达式、函数声明和箭头函数是三种不同的函数定义方式,各有其适用场景。函数式编程的思想在...

    javascript高级代码例子

    类提供了一种更面向对象的编写代码的方式,支持静态方法和构造函数。 9. **箭头函数(Arrow Functions)**:箭头函数是更简洁的函数定义方式,如`const add = (x, y) => x + y;`。它没有自己的`this`,而是从父作用...

    JS 规范 插件 写法

    "JS规范"指的是编写JavaScript代码时应遵循的规则和最佳实践,而"插件写法"则涉及到如何设计和实现可复用、可扩展的功能模块。 **JS规范** 1. **命名规范**:使用有意义的变量、函数和类名,通常推荐采用驼峰式...

    JavaScript面向对象编程指南(第2版).rar

    9. 静态方法与静态属性:类中定义的静态方法和属性,不依附于实例而是直接属于类本身。 10. 错误处理与类型检查:在面向对象编程中如何优雅地处理错误,以及进行类型检查以确保数据安全。 11. 设计模式:介绍在...

    180个javascript代码模板,每个都很小,但是全面

    12. **原型和继承**:JavaScript的面向对象编程基于原型,模板可能包含对象的继承、原型链、类的模拟等。 13. **ES6+新特性**:模板可能涵盖ES6及后续版本的新特性,如let和const、解构赋值、模板字符串、箭头函数...

    javascript

    类是ES6引入的面向对象编程概念,它提供了更接近传统面向对象语法的写法。 在学习JavaScript时,理解原型和原型链至关重要。每个JavaScript对象都有一个内部属性[[Prototype]],通常通过__proto__访问,它链接到另...

    ES6 javascript中class静态方法、属性与实例属性用法示例

    在本文中,作者通过实例代码的形式展示了ES6中类的静态方法和属性的用法,以及实例属性的现代写法。通过定义一个名为Foo的类,作者展示了如何创建静态方法classMethod,并且通过Foo类和继承自Foo的子类Bar展示了静态...

    JavaScript权威指南(第6版)

    此外,ES6引入的类语法提供了更符合传统面向对象编程习惯的写法,使得代码更加简洁易读。 变量声明、作用域和提升也是JavaScript中的关键话题。书中阐述了var、let和const的区别,以及块级作用域的引入,这对于避免...

    javascript权威指南(第四版)

    10. **TypeScript与Babel**:虽然原版书籍可能主要关注纯JavaScript,但了解TypeScript这种静态类型的超集以及Babel这样的编译器,对于理解现代前端开发流程和提高代码质量也是有帮助的。 总的来说,《JavaScript...

    JavaScript 知识小集锦

    如果希望使用静态类型检查和更强大的工具支持,可以考虑使用TypeScript,它是JavaScript的一个超集,编译后生成纯JavaScript代码,能有效减少运行时错误。 以上是JavaScript的一些基础知识点,希望这些内容能帮助...

    JavaScript技术讲座

    ES6(ECMAScript 2015)是JavaScript的一个重要版本,引入了诸多新特性,如let和const声明变量、解构赋值、箭头函数、模板字符串、类和模块等。这些特性极大地提升了代码的可读性和可维护性。 Promise是ES6引入的...

    详解Vue 单文件组件的三种写法

    虽然TS类写法较为繁琐,但是其类型安全和代码结构清晰等优势,在大型应用中尤其有用。 在使用Vue单文件组件时,可以针对不同项目和开发者的习惯来选择不同的写法。通常情况下,构造选项写法较为简洁,而TypeScript...

    Javascript常用实例

    5. **CSS操作**:JavaScript可以通过修改元素的style属性或者添加/删除CSS类来改变页面样式,实现动态效果。 6. **动画效果**:JavaScript可以创建各种动画效果,如淡入淡出、滑动、旋转等,通常结合CSS3的...

    javascript 面向对象程序设计博客文章

    尽管JavaScript的原始OOP机制基于原型,但ES6引入了类语法,它提供了一种更接近传统面向对象语言的写法,但底层仍然基于原型。类的实例化、继承、静态方法等都可以通过类语法实现。 9. **模块系统** JavaScript有...

    javascript对象的创建和访问_.docx

    尽管JavaScript没有真正的类,但ES6引入了Class语法,提供了更接近传统面向对象语言的写法,其实质仍然是基于原型的: ```javascript class Person { constructor(name, age) { this.name = name; this.age = ...

    JavaScript 高级程序设计(第三版)

    随着HTML5和CSS3的广泛应用,JavaScript的重要性日益凸显,它使得网页不仅具有静态内容,还能实现动态交互。本书“JavaScript 高级程序设计(第三版)”是深入理解和掌握JavaScript的权威指南。 JavaScript的核心...

    即用即查JavaScript

    TypeScript是JavaScript的超集,增加了静态类型和其他高级特性,如接口、泛型、枚举等,有助于开发大型项目,提高代码质量和可维护性。 10. **ES6及后续版本** ECMAScript(ES)是JavaScript的标准,每年都有新...

    Linux 桌面玩家指南:19. 深入理解 JavaScript,及其开发调试工具 - 京山游侠 - 博客园1

    本文将深入探讨JavaScript的核心概念,包括对象和原型链、作用域链、上下文环境和闭包、函数和this、模拟面向对象编程、JavaScript的模块化写法,以及ECMAScript 6之后的新特性。 ### 对象和原型链 JavaScript的...

Global site tag (gtag.js) - Google Analytics