introduction
play

Introduction Language of Web 2.0 Dynamic language used for large, - PowerPoint PPT Presentation

Feb 05, 2023 •606 likes •694 views

Introduction Understanding the Dynamics of JavaScript JavaScript Sylvain Lebresne, Gregor Richards, Johan Ostlund, Tobias Measurements Wrigstad, Jan Vitek Purdue University Results July 6, 2009 Conclusions 1 / 28 2 / 28 Introduction

  1. Introduction Understanding the Dynamics of JavaScript JavaScript Sylvain Lebresne, Gregor Richards, Johan ¨ Ostlund, Tobias Measurements Wrigstad, Jan Vitek Purdue University Results July 6, 2009 Conclusions 1 / 28 2 / 28 Introduction — The Significance of JavaScript 1 Introduction ◮ Language of “Web 2.0” ◮ Dynamic language used for large, structured web programs ◮ Supplanting Java applets, Flash 1 JavaScript is also known as ECMAScript, JScript 3 / 28 4 / 28

  2. Introduction — Motivation Introduction — JavaScript and Types ◮ Understand real-world patterns used in dynamic languages ◮ Extremely dynamic, flexible object system ◮ Do dynamic languages beget untypable code? ◮ No static notion of type ◮ Potential for type analysis of JavaScript ◮ But is the dynamicity used? ◮ What patterns in JavaScript could be recreated in a static context 5 / 28 6 / 28 JavaScript — The Language JavaScript ◮ Imperative, object-oriented ◮ Minimalistic standard library ◮ 3rd-party libraries abstract the type system (Prototype.js, jQuery, Ext) 7 / 28 8 / 28

  3. JavaScript — Prototypes JavaScript — Terminology ◮ Constructors have a prototype field, the prototype of objects ◮ Objects have a prototype, which is another object created by the constructor: X.prototype is not the ◮ Field lookup looks in the object itself, then its prototype prototype of X , but the prototype of objects created by X ◮ Prototype chains act like subtype relationships ◮ The prototype of an object is accessible in many implementations by the field proto 9 / 28 10 / 28 JavaScript — Prototypes Example Questions function List(v, n) { this.v = v; this.n = n; } ◮ How often do prototypes change after first instantiation? List ◮ How often do prototype chains change after first instantiation? ◮ How often are entirely new fields or methods added to live List.prototype objects? ◮ What is the object-to-prototype ratio? prototype ◮ How complex/deep are prototype hierarchies? ◮ Do JavaScript programs make use of type introspection? ◮ What is the ratio of message sends and field updates? List.prototype.map return new List(f(this.v), this.n ? this.n.map(f) : null); } 11 / 28 12 / 28 List List.prototype prototype List.prototype.map map List List prototype List.prototype prototype l List.prototype l List.prototype.map List.prototype.map map map map List prototype List.prototype l

  4. Measurements — Dirtiness ◮ Primary measurement is “dirtiness” of objects ◮ Dirtying actions: Measurements ◮ Addition or deletion of a property ◮ Update of a method ◮ Update of the prototype field ◮ Intuition: ◮ “Clean” objects are nearly statically typable ◮ “Dirty” objects use dynamic features ◮ Update of a field explicitly ignored 13 / 28 14 / 28 Measurements — Test Cases Results — Objects ◮ SunSpider tests ◮ Popular for benchmarking JavaScript implementations ◮ Results broken down by objects, in these categories: ◮ “(...) avoids microbenchmarks, and tries to focus on the kinds ◮ Regular objects : objects created by new (and array literals.) of actual problems developers solve with JavaScript today, ◮ Constructors : functions used to create regular objects. (...)” ◮ Functions : functions that are not used as a constructor. ◮ Real web pages ◮ Prototypes : objects created as prototypes of functions. ◮ Amazon, Basecamp, Facebook, Gmail, LivelyKernel, NASA ◮ Random walk (normal web surfing activity) 15 / 28 16 / 28

  5. Results — Object Dirtiness Results — Object Dirtiness Regular Objects Prototypes Constructors Other Functions Objects 3d-cube 20491 (0.02%) 23 (0%) 1 (0%) 14 (0%) 20529 (0.02%) Regular Objects Prototypes Constructors Other Functions Objects 3d-raytrace 10742 (0.61%) 36 (0%) 3 (0%) 25 (0%) 10806 (0.61%) 3d-cube 20491 (0.02%) 23 (0%) 1 (0%) 14 (0%) 20529 (0.02%) binary-trees 42072 (0%) 11 (0%) 1 (0%) 2 (0%) 42086 (0%) 3d-raytrace 10742 (0.61%) 36 (0%) 3 (0%) 25 (0%) 10806 (0.61%) v8-crypto 1076 (44%) 140 (2.86%) 5 (20%) 127 (0%) 1348 (35.5%) binary-trees 42072 (0%) 11 (0%) 1 (0%) 2 (0%) 42086 (0%) v8-deltablue 22854 (0%) 87 (1.15%) 15 (73.33%) 64 (3.12%) 23020 (0.07%) v8-crypto 1076 (44%) 140 (2.86%) 5 (20%) 127 (0%) 1348 (35.5%) v8-raytrace 399685 (0.02%) 361 (1.94%) 18 (100%) 335 (5.37%) 400399 (0.03%) v8-deltablue 22854 (0%) 87 (1.15%) 15 (73.33%) 64 (3.12%) 23020 (0.07%) v8-richards 3000 (0%) 46 (0%) 7 (0%) 31 (0%) 3084 (0%) v8-raytrace 399685 (0.02%) 361 (1.94%) 18 (100%) 335 (5.37%) 400399 (0.03%) amazon 31589 (21.6%) 20909 (0%) 1 (100%) 20750 (4.9%) 73249 (10.7%) v8-richards 3000 (0%) 46 (0%) 7 (0%) 31 (0%) 3084 (0%) basecamp 4381 (5.2%) 1796 (0.4%) 0 (0%) 1663 (0%) 7840 (3%) amazon 31589 (21.6%) 20909 (0%) 1 (100%) 20750 (4.9%) 73249 (10.7%) facebook 72231 (28.5%) 22692 (1.4%) 167 (69.5%) 22407 (13.1%) 117497 (20.4%) basecamp 4381 (5.2%) 1796 (0.4%) 0 (0%) 1663 (0%) 7840 (3%) gmail 55833 (24%) 11140 (0.06%) 1899 (98.8%) 8338 (40.4%) 77210 (24.1%) facebook 72231 (28.5%) 22692 (1.4%) 167 (69.5%) 22407 (13.1%) 117497 (20.4%) livelykernel 316717 (7.1%) 70036 (0%) 1 (0%) 69845 (0.01%) 456599 (4.9%) gmail 55833 (24%) 11140 (0.06%) 1899 (98.8%) 8338 (40.4%) 77210 (24.1%) nasa 93989 (3.1%) 13853 (2.7%) 24 (4.2%) 13352 (0.06%) 121218 (2.7%) livelykernel 316717 (7.1%) 70036 (0%) 1 (0%) 69845 (0.01%) 456599 (4.9%) random 47921 (16.4%) 12680 (0.15%) 189 (55%) 12338 (0.4%) 73128 (11%) nasa 93989 (3.1%) 13853 (2.7%) 24 (4.2%) 13352 (0.06%) 121218 (2.7%) random 47921 (16.4%) 12680 (0.15%) 189 (55%) 12338 (0.4%) 73128 (11%) ◮ Regular object dirtiness usually due to “optional” fields or ◮ Prototypes are dirty if modified after the first instance is object literals created ◮ v8-crypto : bignums constructor does not always create some ◮ Adding fields to Object.prototype and String.prototype fields; created instead by later functions such as fromInt ◮ v8-crypto : “static” fields zero and one ◮ v8-raytrace : optional shader function added to some (but not all) objects 17 / 28 18 / 28 Results — Object Dirtiness Results — Object Dirtiness Regular Objects Prototypes Constructors Other Functions Objects 3d-cube 20491 (0.02%) 23 (0%) 1 (0%) 14 (0%) 20529 (0.02%) function BigNum(val) { ... } 3d-raytrace 10742 (0.61%) 36 (0%) 3 (0%) 25 (0%) 10806 (0.61%) binary-trees 42072 (0%) 11 (0%) 1 (0%) 2 (0%) 42086 (0%) BigNum.ZERO = new BigNum(0); v8-crypto 1076 (44%) 140 (2.86%) 5 (20%) 127 (0%) 1348 (35.5%) BigNum.ONE = new BigNum(1); v8-deltablue 22854 (0%) 87 (1.15%) 15 (73.33%) 64 (3.12%) 23020 (0.07%) v8-raytrace 399685 (0.02%) 361 (1.94%) 18 (100%) 335 (5.37%) 400399 (0.03%) BigNum.prototype.add = function(to) { ... } v8-richards 3000 (0%) 46 (0%) 7 (0%) 31 (0%) 3084 (0%) amazon 31589 (21.6%) 20909 (0%) 1 (100%) 20750 (4.9%) 73249 (10.7%) basecamp 4381 (5.2%) 1796 (0.4%) 0 (0%) 1663 (0%) 7840 (3%) facebook 72231 (28.5%) 22692 (1.4%) 167 (69.5%) 22407 (13.1%) 117497 (20.4%) function BigNum(val) { ... } gmail 55833 (24%) 11140 (0.06%) 1899 (98.8%) 8338 (40.4%) 77210 (24.1%) livelykernel 316717 (7.1%) 70036 (0%) 1 (0%) 69845 (0.01%) 456599 (4.9%) BigNum.prototype.add = function(to) { ... } nasa 93989 (3.1%) 13853 (2.7%) 24 (4.2%) 13352 (0.06%) 121218 (2.7%) BigNum.ZERO = new BigNum(0); random 47921 (16.4%) 12680 (0.15%) 189 (55%) 12338 (0.4%) 73128 (11%) BigNum.ONE = new BigNum(1); ◮ Emulation of class-based behavior common, further investigation needed 19 / 28 20 / 28

  6. Results — Constructors and Functions Results — Dirtiness Sources Object.prototype.inherits = function(shuper) { function Inheriter() {} Inheriter.prototype = shuper.prototype; ◮ Results broken down by source of dirtiness this.prototype = new Inheriter(); ◮ Method addition this.superConstructor = shuper; } ◮ Method update function List(...) = { ... } ◮ Field addition function ColorList(...) = { ◮ Prototype update ColorList.superConstructor.call(this, ...); ◮ Deletion ... } ColorList.inherits(List); 21 / 28 22 / 28 Results — Dirtiness Sources Results — Dirtiness Sources Deletions Meth. add. Field add. 3d-cube 3d-cube 3d-raytrace 3d-raytrace binary-trees binary-trees v8-crypto v8-crypto v8-deltablue v8-deltablue v8-raytrace v8-raytrace v8-richards v8-richards amazon amazon basecamp basecamp facebook facebook gmail gmail livelykernel livelykernel nasa nasa random random 0 1000 2000 3000 4000 5000 6000 7000 0 5000 10000 15000 20000 25000 23 / 28 24 / 28

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION

INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION

TRAINING COURSE ON SOCIAL PROTECTION & FORMALIZATION TRINIDAD AND TOBAGO MARCH 15, 2017 INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION INTRODUCTION Design of the NIS Assistance from the

547 views • 23 slides
INTRODUCTION Introduction 2/42 INTRODUCTION Alternations I am giving bread to the

INTRODUCTION Introduction 2/42 INTRODUCTION Alternations I am giving bread to the

Patterns of variation in the expression of case and agreement Andrs Brny Leiden University Centre for Linguistics 9 November 2019, BaSIS Workshop a.barany@hum.leidenuniv.nl INTRODUCTION Introduction 2/42 INTRODUCTION

1.37k views • 42 slides
Introduction Introduction Introduction Introduction Outline Motivation Failures

Introduction Introduction Introduction Introduction Outline Motivation Failures

Introduction Introduction Introduction Introduction Outline Motivation Failures Definition and concepts Process and product properties Principles SE Approaches Motivation Software and the economy The economies of

1.03k views • 49 slides
Introduction Introduction Introduction Nationwide Cause for Concern 1

Introduction Introduction Introduction Nationwide Cause for Concern 1

Introduction Introduction Introduction Nationwide Cause for Concern 1 https://www.cdc.gov/std/stats17/infographic.htm Introduction Epidemiology in Western Colorado CPHE Surveillance Data Report, May 2018 Chlamydia Epidemiology in Western

977 views • 39 slides
DAQ introduction Purpose of this talk : (1) Introduction for those who have not been in every

DAQ introduction Purpose of this talk : (1) Introduction for those who have not been in every

DAQ introduction Purpose of this talk : (1) Introduction for those who have not been in every meeting (2) Some ideas of diagrams for section 7.1 (Introduction) of TP. Giles Barr 25 Jan 2018, Pembroke College On DUNE, the reality is there is a

474 views • 10 slides
INTRODUCTION cf. Schneider, Chapter 1 INTRODUCTION THEY ARE OUT TO GET YOU INTRODUCTION WHAT

INTRODUCTION cf. Schneider, Chapter 1 INTRODUCTION THEY ARE OUT TO GET YOU INTRODUCTION WHAT

ADVANCED COMPUTER SECURITY INTRODUCTION cf. Schneider, Chapter 1 INTRODUCTION THEY ARE OUT TO GET YOU INTRODUCTION WHAT IS SECURITY? A systems security policies describe What the system is supposed to do Store and provide access

479 views • 16 slides
Overview Introduction to SMIL Introduction to W3C and XML Introduction to SMIL

Overview Introduction to SMIL Introduction to W3C and XML Introduction to SMIL

Overview Introduction to SMIL Introduction to W3C and XML Introduction to SMIL Writing a SMIL file Adding Media Objects Martin Halvey Clipping media files January 2008 Timing and Synchronising Layout World Wide

387 views • 14 slides
14 Introduction Introduction Bad guys can put malware into Example: hosts

14 Introduction Introduction Bad guys can put malware into Example: hosts

Introduction Introduction source Encapsulation ISO/OSI reference model message M application segment H t H t M transport network datagram H n H n H t M presentation: allow applications to frame link H l H n H t M interpret

583 views • 4 slides
Previous Lecture Introduction to SMIL 2 Introduction to W3C and XML Introduction to SMIL

Previous Lecture Introduction to SMIL 2 Introduction to W3C and XML Introduction to SMIL

Previous Lecture Introduction to SMIL 2 Introduction to W3C and XML Introduction to SMIL Writing a SMIL file Adding Media Objects Martin Halvey Clipping media files January 2008 Timing and Synchronising Layout

322 views • 8 slides
Lecture 1 Andreas Habegger Introduction Zynq Introduction Zynq Introduction Zynq PS vs. PL

Lecture 1 Andreas Habegger Introduction Zynq Introduction Zynq Introduction Zynq PS vs. PL

Introduction Zynq Lecture 1 Andreas Habegger Introduction Zynq Introduction Zynq Introduction Zynq PS vs. PL Processing System Processor Peripherals Data Buses AXI Bus Conclusion BTE5380 - Embedded Systems Octobre 2014 Andreas Habegger

1.81k views • 30 slides
2018.06 01 SMILE5 Introduction S E 5 02 Alpha Cloud M I L 03 Company Introduction 04

2018.06 01 SMILE5 Introduction S E 5 02 Alpha Cloud M I L 03 Company Introduction 04

2018.06 01 SMILE5 Introduction S E 5 02 Alpha Cloud M I L 03 Company Introduction 04 Project References S E 5 PART.1 SMILE5 Introduction M I L Introduction STORION-SMILE5 Residential Energy Storage System Inverter 5kW Output Input

1.06k views • 25 slides
Introduction to CICS Course introduction Course introduction What is CICS? What is an

Introduction to CICS Course introduction Course introduction What is CICS? What is an

Introduction to CICS Course introduction Course introduction What is CICS? What is an application server? Why use an application server? Course introduction Services provided by CICS How CICS applications are defined Scaling CICS to meet

1.84k views • 146 slides
Network Visualization Introduction Presented by Shahed Introduction Introduction Basic

Network Visualization Introduction Presented by Shahed Introduction Introduction Basic

Network Visualization Introduction Presented by Shahed Introduction Introduction Basic building blocks Node Links (relationship between nodes) Spatial information Network data

584 views • 9 slides
Introduction Introduction (1) Main argument of the paper: universities are not only

Introduction Introduction (1) Main argument of the paper: universities are not only

Le jugement des pairs comme outil de management des universits Peer-review as a management tool Christine Musselin (CSO, Sciences Po et CNRS) Avril 2013, Lirrsistible ascension du capitalisme acadmique Introduction Introduction (1)

590 views • 28 slides
Introduction Introduction to storage and to storage and filesystems filesystems Introduction

Introduction Introduction to storage and to storage and filesystems filesystems Introduction

Moreno Baricevic Gilberto Daz Axel Kohlmeyer Stefano Cozzini ULA ICTP CNR-IOM DEMOCRITOS Merida, VENEZUELA Trieste, ITALY Trieste, ITALY Introduction Introduction to storage and to storage and filesystems filesystems Introduction

1.19k views • 51 slides
JABLOTRON JA-100 introduction November 2011 Introduction Todays goals First introduction of

JABLOTRON JA-100 introduction November 2011 Introduction Todays goals First introduction of

JABLOTRON JA-100 introduction November 2011 Introduction Todays goals First introduction of the brand new JA-100 alarm system Visions Basic architecture System components Setting Help us with final validations You are the FIRST ones

1.69k views • 111 slides
Project Plan Australis-Styled Widgets for Firefox The Capstone Experience Team Mozilla Dan

Project Plan Australis-Styled Widgets for Firefox The Capstone Experience Team Mozilla Dan

Project Plan Australis-Styled Widgets for Firefox The Capstone Experience Team Mozilla Dan Poggi David Thorpe Eric Proper Eric Slenk Department of Computer Science and Engineering Michigan State University Fall 2013 From Students to

173 views • 14 slides
Adv. Web Technologies 0) Presentation Emmanuel Benoist Fall Term 2016-17 Berner Fachhochschule |

Adv. Web Technologies 0) Presentation Emmanuel Benoist Fall Term 2016-17 Berner Fachhochschule |

Adv. Web Technologies 0) Presentation Emmanuel Benoist Fall Term 2016-17 Berner Fachhochschule | Haute cole spcialise bernoise | Berne University of Applied Sciences 1 Presentation Emmanuel Benoist email: emmanuel.benoist(at)bfh.ch Office:

488 views • 6 slides
Introduction to JavaScript Lecture 6 CGS 3066 Fall 2016 October 6, 2016 JavaScript Dynamic

Introduction to JavaScript Lecture 6 CGS 3066 Fall 2016 October 6, 2016 JavaScript Dynamic

Introduction to JavaScript Lecture 6 CGS 3066 Fall 2016 October 6, 2016 JavaScript Dynamic programming language. Program the behavior of web pages. Client-side scripts to interact with the user. Communicates asynchronously and

384 views • 15 slides
Thinking out of the box? Not really Well beyond! Futran et Mendez 2006 Nephila clavipes In

Thinking out of the box? Not really Well beyond! Futran et Mendez 2006 Nephila clavipes In

Thinking out of the box? Not really Well beyond! Futran et Mendez 2006 Nephila clavipes In Madagascar, a team of over 70 people spent more than 4 years collecting spider silk, which a dozen weavers spun and wove into an 11-foot tapestry that

366 views • 32 slides
Think functionally f(x) = y Presenters Pavel Struhar pavel.struhar@accenture.com Twitter:

Think functionally f(x) = y Presenters Pavel Struhar pavel.struhar@accenture.com Twitter:

Think functionally f(x) = y Presenters Pavel Struhar pavel.struhar@accenture.com Twitter: @pavestru Daniel Derevjanik daniel.derevjanik@accenture.com Twitter: @dderevjanik Both from Lightweight Arch. core team Spoiler Everything is a

1.12k views • 80 slides
What's new in Eclipse IDE and the ecosystem around it Sopot Cela Mickael Istria The plan

What's new in Eclipse IDE and the ecosystem around it Sopot Cela Mickael Istria The plan

What's new in Eclipse IDE and the ecosystem around it Sopot Cela Mickael Istria The plan High-level introduction about IDE architecture (IDE = Sum of components) Talk about (and show) new and cool stuff in Eclipse Neon (the IDE)

453 views • 34 slides
Matthew Flaschen Software Engineer, Collaboration T eam, Wikimedia Foundation Converting

Matthew Flaschen Software Engineer, Collaboration T eam, Wikimedia Foundation Converting

Matthew Flaschen Software Engineer, Collaboration T eam, Wikimedia Foundation Converting LiquidThreads to Flow Or: How I learned to stop worrying and love the batch But First A Long Introduction Wikipedia Matthew Flaschen Software

1.21k views • 79 slides
Modelling and Synthesis of User Interfaces for Complex, Web-Based Modelling Environments Jacob

Modelling and Synthesis of User Interfaces for Complex, Web-Based Modelling Environments Jacob

Modelling and Synthesis of User Interfaces for Complex, Web-Based Modelling Environments Jacob Beard McGill University Modelling, Simulation and Design Lab (MSDL) 08/29/08 Overall Project Goal The creation of a web-based meta- modelling

124 views • 10 slides

More recommend